如何使用3col固定布局堆叠左导杆?

时间:2013-07-18 02:21:11

标签: twitter-bootstrap

如果给出以下小提琴,我如何在彼此的顶部堆叠导航栏?

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

这是红色的照片,但这是我想要实现的 enter image description here

我已经尝试过将两个堆叠在一起,但是没有去。

    <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>

1 个答案:

答案 0 :(得分:1)

这样的脚手架会为你工作吗? http://www.bootply.com/68303

基本上两个左手导航块在同一范围内,右手导航在其自己的范围内,中央块在嵌套容器中。

我确信你会想要进一步自定义,但是如果你尽可能地使用标准的bootstrap网格,一切都会在窄屏幕上堆叠和缩放。

祝你好运!