twitter-bootstrap - 未应用 Bootstrap 3.1.0 模态大小

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

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

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

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

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