bootstrap的清除浮动-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

bootstrap清除浮动的方法：首先打开相应的代码文件；然后通过为父元素添加“.clearfix”类的方法清除浮动，语句如“<div class="clearfix">...</div>”。

本教程操作环境：Windows7系统、bootsrap3.3.7版，Dell G3电脑。

通过为父元素添加 .clearfix 类可以很容易地清除浮动（float）。这里所使用的是 Nicolas Gallagher 创造的 micro clearfix 方式。此类还可以作为 mixin 使用。

使用方法如下：

1 2	`<!-- Usage` `as` `a` `class` `-->` `<div` `class="clearfix">...</div>`

.clearfix 类如下：

// Mixin itself
.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}
// Usage as a mixin
.element {
  .clearfix();
}

推荐：《bootstrap视频教程》《css视频教程》

以上就是bootstrap的清除浮动的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《bootstrap》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » bootstrap的清除浮动

bootstrap的清除浮动

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论