使用Bootstrap进行脚手架和混合

Question

Bootstrap文档提到了搭建和混合，我不能正确理解它们-他们所说的搭建是什么意思。我在谷歌上搜索了css中的搭建，但我没有从任何链接中得到一个好的想法。我还可以找到一些关于混入的页面，他们说的都是不同的，比如混入是带有来自其他类的方法的组合的类，混入是框架等等，但是没有完全了解什么是混入，它是一个概念还是框架。有人能帮我吗？

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混合。它使你的任务变得简单，如果你提到这个混入，你就不需要再写那些属性了。