Question

将我的bootstrap-sass gem更新为3.1.0以利用模式（.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>

据我所知，在所有重要的属性中，the example几乎完全相同：

<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中，或者我是否遗漏了什么？除了尺寸之外，模态还以其他方式工作。

Answer 1

我不能简单地更新我的引导因为一些重大更改所以我所做的是将其添加到我的site.css

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

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

我希望这有助于其他人。

Answer 2

尝试最新的Bootstrap - 版本3.1.1

Bootstrap Bootstrap SASS

Answer 3

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

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

默认值为900px。

Bootstrap 3.1.0模态大小未应用

3 个答案: