行流體正在堆積列

Question

我是一位經驗豐富的軟件工程師，剛接觸Web開發人員，但遇到一些問題，無法使Bootstrap 3行流體正常工作。 基本上，我試圖使側面導航欄和角度應用程序在流暢的布局中一起工作，但是當我嘗試使用行流體時，它是在堆疊兩個元素而不是將它們並排放置。 這是代碼：

<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>

同樣有趣的是，如果我將行流體更改為行，則相同的行為仍然存在。 將spanX更改為col-lg-X可以解決此問題，但是我失去了流暢的布局。 有任何想法嗎？

Answer 1

Bootstrap 3默認情況下是響應式的，因此不需要-fluid 。 您可以只使用row和container 。

而且您使用的span類來自bootstrap 2.x，而不是3.。您需要使用col-lg-4或col-xs-4 。 查看bootstrap 3 docs以獲得更多有關此信息。

有關Bootstrap 3網格系統的更多信息，請參見此處

Answer 2

使用.col-md- *代替.span *