css - 引导侧边栏代码

Question

我从来没有真正用 CSS 编写过任何东西。我已经为容器覆盖了一些引导 CSS（容器二用于菜单，容器用于其余部分）。此外，还有一些自定义 CSS。我已经在这里全部复制了：http: //paste.laravel.com/JIy。

我怎样才能在井的右侧/左侧（易于配置）制作侧边栏。我已经尝试了几件有利润的事情，但他们没有做到这一点。小盒子之类的东西。任何人都可以提供示例或其他内容吗？您还可以查看我的主/基本布局： http: //paste.laravel.com/JIz

提前致谢。

Answer 1

与其尝试覆盖 Bootstrap 的container，不如使用 Bootstrap 的（在docscontainer-fluid容器的正下方）。这允许您执行以下操作：

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span2">
      <!--Sidebar content-->
    </div>
    <div class="span10">
      <!--Posts content-->
    </div>
  </div>
</div>

将侧边栏放在左侧，或者：

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span10">
      <!--Posts content-->
    </div>
    <div class="span2">
      <!--Sidebar content-->
    </div>
  </div>
</div>

将侧边栏放在右侧。您可以更改<div class="span#"></div>'s 的数量以在一行中包含所需的多个部分。