我刚开始学习twitter bootstrap，我想知道什么正确的方法是用它清除浮动。
通常我会做这样的事情：
HTML：
<div class="container">
<div class="main"></div>
<div class="sidebar"></div>
<div class="clear"></div>
</div>
CSS：
.clear {
clear: both;
}
.main {
float: left;
}
.sidebar {
float: right;
}
请忽略上述的基础设施，因为它只是一个例子。
现在说在bootstrap如果我试图浮动一些文本在导航部分旁边什么是正确的方式这样做？
在bootstrap中考虑这个例子：
<div class="main_container">
<header id="main_header" class="col-md-12">
<nav class="navbar navbar-default" role="navigation">
</nav>
<div class="contact">
</div>
</header>
</div>
我想要浮动联系人字段旁边的导航栏字段。
我已经阅读关于bootstrap的.clearfix类，我只是应用这，因为我上面做的(在浮动后)？ ….或者我应该应用类别的东西？
解决方法
你需要使用正确的bootstrap类。如果在一个容器(一个真正的Bootstrap容器)中，你需要一个行来抵消填充。
<div class="container">
<div class="row">
<header id="main_header" class="col-md-12">
<nav class="navbar navbar-default" role="navigation">
</nav>
<div class="contact pull-left">
</div>
</header>
</div>
</div>
Bootstrap有拉左和拉右已经浮动内容。如果您正在使用容器/行，则不需要使用clearfix。
实际上，你也可以(或者改为)在nav / contact上使用网格实用程序。
