Bootstrap清除浮动的方法是什么，代码怎样写
导读：在这篇文章中，我们将学习“Bootstrap清除浮动的方法是什么，代码怎样写”的相关知识，下文有详细的介绍及示例，小编觉得挺不错的，有需要的朋友可以借鉴参考，希望对大家阅读完这篇能有所获。 b...
在这篇文章中，我们将学习“Bootstrap清除浮动的方法是什么，代码怎样写”的相关知识，下文有详细的介绍及示例，小编觉得挺不错的，有需要的朋友可以借鉴参考，希望对大家阅读完这篇能有所获。
bootstrap清除浮动的方法：首先打开相应的代码文件；然后通过为父元素添加“.clearfix”类的方法清除浮动，语句如“div class="clearfix"> .../div> ”。
本教程操作环境：Windows7系统、bootsrap3.3.7版，Dell G3电脑。
通过为父元素添加 .clearfix 类可以很容易地清除浮动（float）。这里所使用的是 Nicolas Gallagher 创造的 micro clearfix 方式。此类还可以作为 mixin 使用。
使用方法如下：
!-- 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清除浮动的方法是什么，代码怎样写”的文章就介绍到这了，感谢各位的阅读，更多相关Bootstrap清除浮动的方法是什么，代码怎样写内容，欢迎关注网络资讯频道，小编将为大家输出更多高质量的实用文章！
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： Bootstrap清除浮动的方法是什么，代码怎样写
本文地址： https://pptw.com/jishu/653987.html