11

在更新我的bootstrap-sassgem 以3.1.0利用 modals (.modal-lg和.modal-sm) 上的新大小选项后，我一直无法应用样式。我的代码如下：

<div aria-hidden="false" aria-labeldby="ccModalLabel" class="modal fade in" id="ccModal" role="dialog" style="display: block;">
  <div class="modal-dialog modal-sm">
    ...content...
  </div>
</div>

据我所知，这在所有重要属性中几乎与示例相同：

<div class="modal fade bs-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>

但是，经过检查，modal-sm我的代码中没有像示例中那样评估该类，这导致我认为它可能没有以某种方式包含在 gem 中，或者我错过了什么？除了调整大小之外，模态还可以以其他方式工作。

4

3 回答 3

12

由于一些重大更改，我不能简单地更新我的引导程序，所以我所做的就是将其添加到我的 site.css

@media screen and (min-width: 768px) {
  .modal-lg{
      width:900px;
  }

  .modal-sm{
      width:300px;
  }
}

我希望这对其他人有帮助。

于 2015-07-29T07:43:26.190 回答
8

尝试最新的 Bootstrap - 3.1.1 版

引导 程序引导程序 SASS

于 2014-02-14T11:19:48.130 回答
0

您需要在导入引导之前将 $modal-lg 设置为所需的宽度：

$modal-lg: 900px;
@import "bootsrap";

默认值为 900 像素。

于 2014-07-25T15:44:19.443 回答