css - 使用 Bootstrap 搭建脚手架和 Mixins

Question

Bootstrap 文档中提到了脚手架和 mixins，我无法正确理解它们 - 它们所说的脚手架是什么意思。我在 google 上搜索了 css 中的脚手架，但我没有从任何链接中得到一个好主意。我还可以找到一些关于 mixin 的页面，它们的说法完全不同，例如 mixins 是类与来自其他类的方法的组合，mixins 是框架工作等等。但是没有完全了解什么是 mixin，它是一个概念或框架。谁能帮帮我？

Answer 1

Mixins 基本上充当 CSS 预处理器中的变量，如 LESS。如果你编写 mixin，你可以在你的动态样式表中的任何地方使用它 n 次。

考虑这个例子:

.RoundBorders {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#menu {
  color: gray;
  .RoundBorders;
}

如果我们在我们的动态样式表中写这个，它会导致:

#menu {
  color: gray;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

您可以在任何地方的类或 ID 中使用 .RoundBorders mixin。它使您的任务变得简单，如果您提到这个 mixin，则无需再次编写这些属性。