0

私は Web 開発を始めたばかりの経験豊富なソフトウェア エンジニアで、ブートストラップ 3 行流体を正しく機能させるのに問題があります。基本的に、サイド ナビゲーション バーと角度のあるアプリケーションを流動的なレイアウトで連携させようとしていますが、行流動を使用しようとすると、2 つの要素を並べて配置するのではなく、積み重ねてしまいます。コードは次のとおりです。

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span3 bs-docs-sidebar">
      <ul class="nav nav-list bs-docs-sidenav">
        <li class="nav-header">Administer</li>
        <li class="active"><a href="#">Users</a></li>
        <li><a href="#">Devices</a></li>
      </ul>
    </div>
    <div class="span9">
      <div ng-view></div>
    </div>
  </div>
</div>

また興味深いのは、row-fluid を row に変更しても、同じ動作が持続することです。spanX を col-lg-X に変更すると修正されますが、流動的なレイアウトが失われます。何か案は？

4

2 に答える 2

0

.span* の代わりに .col-md-* を使用する

于 2013-09-07T16:11:46.130 に答える
0

Bootstrap 3 はデフォルトでレスポンシブなので、-fluid. rowとを使用できますcontainer。

また、使用しているクラスは、3 ではなくブートストラップ 2.x のものです。またはspanのようなものを使用する必要があります。詳細については、bootstrap 3 のドキュメントを参照してください。col-lg-4col-xs-4

Bootstrap 3 グリッド システムの詳細については、こちらを参照してください。

于 2013-09-07T16:08:50.013 に答える