0

我是一位经验丰富的软件工程师，刚刚进入 Web 开发领域，但在让 bootstrap 3 row-fluid 正常工作时遇到了一些问题。基本上，我试图让一个侧面导航栏和一个角度应用程序在一个流畅的布局中一起工作，但是当我尝试使用 row-fluid 时，它是堆叠两个元素而不是并排放置它们。这是代码：

<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

Bootstrap 3 默认是响应式的，所以不需要-fluid. 你可以只使用rowand container。

您使用的span类来自 bootstrap 2.x 而不是 3。您需要使用类似col-lg-4or的东西col-xs-4。查看 bootstrap 3 文档以获取更多信息。

有关 Bootstrap 3 网格系统的更多信息，请参见此处

于 2013-09-07T16:08:50.013 回答
0

使用 .col-md-* 而不是 .span*

于 2013-09-07T16:11:46.130 回答