Bootstrap中的工具Mixin有哪些具体应用场景？

本文共计810个文字，预计阅读时间需要4分钟。

工具Mixin工具mixin用于处理与CSS无关的CSS组合，以实现特定的目标或任务。1、清除浮动：需要清除浮动的元素使用.clearfix() mixin。这表示到特定目标或任务的实现。1、清除浮动+规则：需要清除浮动的元素使用.clearfix() mixin。

工具Mixin工具mixin用于与不相关的CSS结合使用以达到特定目的或任务。1、清除浮动建议为需要清除浮动的元素使用.clearfix()的mixin以达到特定目的或任务。

1、清除浮动

建议为需要清除浮动的元素使用.clearfix()的mixin尽量不要直接为元素添加class"clearfix"类。这里是 Nicolas Gallagher 创造的micro clearfix代码。

 

// 定义 mixin

.clearfix() {

  

    display: table;

  }

  

  }

}

 

// 使用 mixin

.container {

  .clearfix();

}

2、水平居中

让元素在其父元素中水平居中。需要设置width或max-width属性。.center-block 类是通过设置display: block和margin属性让内容块居中显示。