css - 在 Bootstrap 中，如何在视口(viewport)的远端制作侧边栏？

Question

我试图让列居中，边栏位于视口(viewport)/浏览器的最左侧。粘不粘都没关系。我试过使用 position，但它把事情搞砸了。这是我要实现的目标的示例 - link

Answer 1

正确使用网格系统来完成这项工作:

<div class="container-fluid">
 <div class="row">
  <div class="col-xs-3">
    <!-- sidebar -->
  </div>
  <div class="col-xs-9">
    <!-- main content -->
  </div>
 </div>
</div>

将 div 类 col-xs-9 更改为 3，反之亦然，您将获得与 stackoverflow 上相同的边栏。如果你想在左边和右边使用空白，你必须使用 container 而不是 container-fluid。

干杯!