浮动元素旁边的Bootstrap 3导航

Question

我遇到Bootstrap 3的问题。设置是一个简单的2列页面（侧边栏和主要内容）。因为我有可以覆盖主容器的下拉菜单，所以我无法使用visibility：hidden或auto trick。

我使用另一种技术，即向主容器应用左侧填充以忽略浮动元素。

.sidebar {
    float: left;
    width: 200px;
}
.main {
    padding-left: 210px;
}

不幸的是，bootstrap导航器在内部使用了一个clearfix，导致main内部的导航栏变得像侧边栏一样大。

http://jsfiddle.net/9ejqa/1/

有没有办法在主要内部清除唯一明确的元素而不包括侧边栏？

Answer 1

而不是手动尝试自己创建列，您可以使用内置的引导类，它可以为您完成所有操作并具有响应性。

首先使用包含class="container"的div包装所有内容，然后使用class="row"的div，然后添加到侧边栏和主div中相应的col类＆＃39;

使用bootstrap网页作为reference查看他们拥有的所有示例。

我已使用基本标记更新了您的FIDDLE以执行您需要的操作，希望这就是您所需要的。