twitter-bootstrap - 如何使用 3col 固定布局堆叠左侧导航栏？

Question

给定以下小提琴，我如何将导航栏堆叠在彼此之上？

小提琴：http: //jsfiddle.net/VkvX3/

这是红色的，但这是我想要实现的

我试过把两个叠起来，但不行。

    <div class="???">
      <div class="well sidebar-nav left">
        <ul class="nav nav-list"> 
          // o o o
        </ul>
      </div>
      <div class="well sidebar-nav left">
        <ul class="nav nav-list"> 
          // o o o
        </ul>
      </div>
     </div>

Answer 1

像这样的脚手架对你有用吗？
http://www.bootply.com/68303

基本上，左侧的两个导航块在同一个跨度中，右侧的导航块在自己的跨度中，而中央块在嵌套容器中。

我相信你会想要进一步定制这个，但如果你尽可能地使用标准引导网格，那么所有东西都会在狭窄的屏幕上很好地堆叠和缩放。

祝你好运！