11

モーダル (および)の新しいサイズ変更オプションを利用するようにbootstrap-sassgem を更新した後、スタイリングを適用できませんでした。私のコードは次のとおりです。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>

私が知る限り、これは重要なすべての属性の例とほぼ同じです:

<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、例のようにクラスがコードで評価されていないため、何らかの形で宝石に含まれていないか、何か不足していると思いますか? モーダルは、サイジング以外のあらゆる方法で機能します。

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 に答える