Question

我是一名经验丰富的软件工程师，只是进入了网络开发人员，我遇到了一些问题，我们遇到了引导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>

同样有趣的是，如果我将row-fluid更改为row，则相同的行为仍然存在。将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以获取更多相关信息。

See here for more info on the Bootstrap 3 grid system

Answer 2

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

行液是堆积柱

2 个答案: