在bootstrap中,常常会用到浮动布局,那么,清除浮动使用哪个类呢?下面小编举例讲解bootstrap中清除浮动使用哪个类。
工具/原料
bootstrap+html
代码编辑器:zendstudio10.0
方法/步骤
1、新建一个html文件,命名为test.html,用于讲解bootstrap中清除浮动使用哪个类。
2、在test.html文件内,使用link标签加载bootstrap.min.css文件。
3、在test.html文件内,在div标签内,再使用div创建两行文字。
4、在test.html文件内,给外层div添加class属性,并通过class设置它的宽度为350px,高度为100px,背景颜色为灰色。
5、在test.html文件内,在内层两个div之前,再添加一个div,并给它添加清除纱柱猬浮浮动类名clearfix,实现上下两个div的浮动相互不影响。
6、在浏览器打开test.html文件,查看实现的效果。