使用twitter bootstrap的三列流体布局 - clearfixes搞砸了

Question

我试图创建一个带有流体中心和固定边的三列布局。这是一个jsfiddle。似乎导航的clearfixs正在推动侧边栏下面的主要内容。如果没有明确的修正，内容通常会开始显示不正确。任何人都知道如何解决这个问题？

Answer 1

将.nav-tabs div定义为inline-block，以便在其边界内正确包含它，如下所示：

.nav-tabs {
 display: inline-block;
 width:100%;
}

演示：http://jsfiddle.net/6vPqA/15/show/ 编辑：http://jsfiddle.net/6vPqA/15/

编辑：添加宽度，以便菜单更好地适应。

Answer 2

指定导航类的高度似乎会在侧边栏之间拉出内容。

类似的东西：

.nav {height:50px}