如何在 Bootstrap 视口的远端制作侧边栏？

Question

我想要一个居中的列，边栏位于 viewport/browser 的最左边。粘不粘都没关系。我试过使用 position，但它把事情搞砸了。这是我要实现的目标的示例 - link

Answer 1

他们把它放在一边，并设置了 -60px 的左边距。使用 inspect elements 查看元素上使用的 html 和 css 规则。

Answer 2

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

<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 class col-xs-9 更改为 3，反之亦然，您将获得与 Whosebug 上相同的边栏。如果你想在左边和右边使用 whitespaccing，你必须使用 container 而不是 container-fluid。

干杯！

如何在 Bootstrap 视口的远端制作侧边栏？

How do I make a sidebar on the far end of the viewport, in Bootstrap?

css

sidebar

twitter-bootstrap-3