使用twitter bootstrap/rails视图将内容强制置于页面中心

Question

我在页面的左侧有一个“导航栏”，如下所示：

<nav>
  <ul class="nav nav-pills nav-stacked span2">
    <li><a href="#">one</a></li>
    <li><a href="#">two</a></li>
    <li><a href="#">three</a></li>
    <li><a href="#">four</a></li>
    <li><a href="#">five</a></li>
  </ul>
</nav>

我的问题很笼统--我怎样才能强制这个导航栏一直到页面的左侧，而不创建一千个列表项呢？现在，我的内容也从我想要的地方开始，但当它超出导航栏的底部后，它开始将内容放在导航栏下。我希望所有的内容都放在这个导航栏的右边。

Answer 1

从声音上看，您需要利用引导网格来影响列。试试这个：

<div class="row">
  <div class="col-md-3">
    <nav>
    <ul class="nav nav-pills nav-stacked span2">
    <li><a href="#">one</a></li>
    <li><a href="#">two</a></li>
    <li><a href="#">three</a></li>
    <li><a href="#">four</a></li>
    <li><a href="#">five</a></li>
    </ul>
   </nav>
  </div>

  <div class="col-md-9">
     //Main content which won't get floated under the nav
   </div>
</div>

参考：http://getbootstrap.com/css/#grid