如何在twitter引导中正确清理浮动？

我刚开始学习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> 

我想漂浮在navbar栏旁边的contact字段。

我已经阅读了bootstrap的.clearfix类，我只是应用这一点，因为我已经做了上面（浮动后）？ ….或者我应该把这个类应用到其他东西上？

Answer 1

你需要使用正确的引导类。 如果在一个容器（一个真正的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已经pull-left和pull-right已经漂浮的内容。 如果使用容器/行，则不需要使用clearfix 。

实际上，你也可以（或者相反）在导航/联系人上使用网格工具。