bootstrap中清除浮动使用哪个类

 时间:2024-11-12 16:53:39

在bootstrap中,常常会用到浮动布局,那么,清除浮动使用哪个类呢?下面小编举例讲解bootstrap中清除浮动使用哪个类。

bootstrap中清除浮动使用哪个类

工具/原料

bootstrap+html

代码编辑器:zendstudio10.0

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解bootstrap中清除浮动使用哪个类。

bootstrap中清除浮动使用哪个类

2、在test.html文件内,使用link标签加载bootstrap.min.css文件。

bootstrap中清除浮动使用哪个类

3、在test.html文件内,在div标签内,再使用div创建两行文字。

bootstrap中清除浮动使用哪个类

4、在test.html文件内,给外层div添加class属性,并通过class设置它的宽度为350px,高度为100px,背景颜色为灰色。

bootstrap中清除浮动使用哪个类

5、在test.html文件内,在内层两个div之前,再添加一个div,并给它添加清除纱柱猬浮浮动类名clearfix,实现上下两个div的浮动相互不影响。

bootstrap中清除浮动使用哪个类

6、在浏览器打开test.html文件,查看实现的效果。

bootstrap中清除浮动使用哪个类

Power Designer 中如何画一个完整的物理模型 flashxp使用教程 EA13试用版安装教程[TZZ] Word首行缩进方法?wps首行缩进方法 如何运用期货市场进行库存管理
热门搜索
500kb的图片是多大 小狗图片卡通 动漫情侣图片 节约用电手抄报图片 植树节图片