Bootstrap 3.1.0模态大小未应用

Jon*_*der 10 twitter-bootstrap bootstrap-sass twitter-bootstrap-3

在更新我的bootstrap-sass宝石以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>
Run Code Online (Sandbox Code Playgroud)

据我所知,这与所有重要属性中的示例几乎完全相同:

<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>
Run Code Online (Sandbox Code Playgroud)

然而,经检查,该modal-sm班是不是已经在我的代码进行评估,因为它是在这个例子中,导致我想,也许这是不包括在创业板不知怎么的,还是我失去了一些东西?除了尺寸外,模态在其他方面起作用.

jok*_*kab 9

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

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

  .modal-sm{
      width:300px;
  }
}
Run Code Online (Sandbox Code Playgroud)

我希望这有助于其他人.


Des*_*ian 8

尝试最新的Bootstrap - 版本3.1.1

Bootstrap Bootstrap SASS

  • 我在3.1.1.0上仍然有相同的问题OP. (4认同)