我刚刚开始学习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>
我想将contact
字段浮动在字段旁边navbar
。
我已经阅读了有关bootstrap的.clearfix
类的信息,是否只是像上面所做的那样(浮动之后)应用了它?....还是应该将课程应用于其他课程?
您需要利用适当的引导程序类。如果在容器(真正的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
如果您使用的是容器/行,则不需要。
实际上,您也可以(或改为)在导航/联系人上使用网格实用程序。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句