Bootstrap是一个流行的前端框架，用于快速构建响应式网站，包括移动设备；清除浮动（clearfix）是一种CSS技术，用于清除浮动元素对布局的影响，使其不会溢出其包含块。在网站建设、网页设计、网站开发、小程序、独立站、跨境电商等领域中，Bootstrap和clearfix可以提高开发效率和页面布局的稳定性。

通过添加.clearfix实用程序，快速轻松地清除容器内浮动的内容（使元素换行呈现）。

float类样式是通过添加 .clearfix 到父元素上来达达到清除目标，也可以作为Sass mixin使用。

<div class="clearfix">...</div>

// Mixin itself 
@mixin clearfix() {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

// Usage as a mixin
.element {
  @include clearfix;
}

下面的实例展示了如何使用.cleafix，没有.cleafix清除浮动，外层包裹的DIV不会被覆盖从而导致版位错乱。