布局问题（twitter bootstrap）：添加额外的列隐藏了主菜单

Question

目前我在使用 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

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

需要帮助。谢谢！

引导程序 v.3.0.2

Answer 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;}）

更新 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，它将您的文本菜单设置为 display:block。如果没有 col-md-6，此下拉菜单将显示：无。