主导航栏和垂直导航栏?

时间:2013-07-07 11:13:00

标签: twitter-bootstrap

我正在创建一个带有顶部导航的网页,以及仅用于浏览类别的侧面导航,我希望我的导航完全如下:

http://twitter.github.io/bootstrap/examples/fluid.html

这就是我所拥有的,但这个例子是一个响应的例子,我创建了一个固定的网站。事情是我不希望它在我的.container div中,我希望它是容器的一面,但是修复了,因为目前正在发生的事情是,当我调整窗口大小时,我的容器正在我的导航后移动。我该怎么做才能将它固定在我的容器div旁边?

以下是我的例子:jsfiddle.net/susYE

1 个答案:

答案 0 :(得分:0)

查看此布局是否有助于您:http://www.bootply.com/66638

关键是我在行div中包含了侧面导航,并且我使用了一个嵌套容器来保存英雄div和后续的span4 div。

对于嵌套,我使用了容器流体和排液,因为如果你不熟悉它们可能会更容易。如果您不想使用流体div进行嵌套,则需要将三个span4 div更改为span3。

有关嵌套的更多信息,请参阅http://twitter.github.io/bootstrap/scaffolding.html#fluidGridSystem

上的流体嵌套

一旦你按照自己想要的方式使用基本脚手架,我认为其他一切都将适合你。

祝你好运!