Clearfix
通过添加clearfix实用程序,可以快速轻松地清除容器中的浮动内容。
轻松清除 float s通过添加 .clearfix 到父元素 。也可以用作mixin。
以下示例显示了如何使用clearfix。 如果没有clearfix,则环绕div不会在按钮周围散开,这会导致布局损坏。
<div class="bg-info clearfix">
<button class="btn btn-secondary float-left" type="button"> 示例按钮向左浮动 </button>
<button class="btn btn-secondary float-right" type="button"> 示例按钮向右浮动 </button>
</div>