0

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

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

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

这是我的例子:jsfiddle.net/susYE

4

1 回答 1

0

看看这个布局是否对你有帮助:http: //www.bootply.com/66638

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

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

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

一旦你让基本的脚手架按照你想要的方式工作,我认为其他一切都会为你准备好。

祝你好运!

于 2013-07-07T16:06:05.150 回答