布局问题(twitter bootstrap):添加其他列会隐藏主菜单

时间:2013-11-23 16:47:16

标签: html css twitter-bootstrap layout twitter-bootstrap-3

目前我在使用bootstrap 3.0.x模板时遇到困难: 这是演示模板:

www.kuzma.tk

在更正之前,布局看起来是这样的:

left sidebar:           
col-md-2 col-md-offset-1
middle component:
col-md-6
Right sidebar:    col-md-2


Now the layout have been slightly changed:
left sidebar: col-md-2
middle: col-md-7
right sidebar: col-md-2

将中间加1列后,主菜单消失了! 如果我通过FireBug将中间值更改为“6” - 它会出现。我还没有找到导致问题的原因......

需要帮助。谢谢!

Bootstrap v.3.0.2

1 个答案:

答案 0 :(得分:1)

更改后,您的列总计为12.在列数为11之前。 12列将填充网格。

在你的style0.css中你定义了margin-right:2%;在#right,这将破坏您的网格。您的行的总宽度将变为> 100%。

<强>更新 看下面的图片,这似乎运作良好(col-md-2,col-md-6,col-md-2,#left {margin-left:0}和#right {margin-right:0;})

enter image description here

更新2

查看您的内联样式表:

.custom div.moduletable ul.nav, html body div#page div#midlle.row div.col-md-6 div#component nav.navbar div.moduletable ul.nav{
    display: block; position: static;
}

此规则有一个硬编码div.col-md-6,用于设置文本菜单:block。没有col-md-6,这个下拉菜单将显示:none。