锐客网

  1. 首页 > 睿知 > it技术 > >

bootstrap clearfix用法

Bootstrap教程bootstrapcle

本文概述

  • 如何在Mixin中使用
  • 如何使用Clearfix
Clearfix用于通过将.clearfix添加到父元素来轻松清除浮点数。它利用了Nicolas Gallagher推广的micro clearfix。它也可以用作混合。
句法：
< div class="clearfix">...< /div>

如何在Mixin中使用
// Mixin itself @mixin clearfix() { & ::after { display: block; content: ""; clear: both; } }// Usage as a mixin .element { @include clearfix; }

如何使用Clearfix【bootstrap clearfix用法】让我们以一个示例来看一下如何使用clearfix。如果没有clearfix，则环绕div不会在按钮周围散开，这会导致布局损坏。
句法：
< div class="bg-info clearfix"> < button class="btn btn-secondary float-left">Example Button floated left< /button> < button class="btn btn-secondary float-right">Example Button floated right< /button> < /div>

    推荐阅读


    上一篇：bootstrap border边界

    下一篇：bootstrap关闭图标