Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 带引导的脚手架和混合_Css_Twitter Bootstrap - Fatal编程技术网

Css 带引导的脚手架和混合

Css 带引导的脚手架和混合,css,twitter-bootstrap,Css,Twitter Bootstrap,Bootstrap docs提到了脚手架和混合,我无法正确理解它们——它们指的是脚手架。我在谷歌上搜索了css中的脚手架,但我没有从任何链接中得到一个好主意。此外,我还可以找到一些关于mixin的页面,这些页面的表述完全不同,比如mixin是一个类,包含其他类的方法组合,mixin是框架等等。但我没有完全了解什么是mixin,它是一个概念还是一个框架。有人能帮我吗?mixin基本上在CSS预处理器中充当VAIABLE,比如LESS。如果您编写mixin,您可以在动态样式表中的任意位置多次使用它

Bootstrap docs提到了脚手架和混合,我无法正确理解它们——它们指的是脚手架。我在谷歌上搜索了css中的脚手架,但我没有从任何链接中得到一个好主意。此外,我还可以找到一些关于mixin的页面,这些页面的表述完全不同,比如mixin是一个类,包含其他类的方法组合,mixin是框架等等。但我没有完全了解什么是mixin,它是一个概念还是一个框架。有人能帮我吗?

mixin基本上在CSS预处理器中充当VAIABLE,比如LESS。如果您编写mixin,您可以在动态样式表中的任意位置多次使用它

考虑这个例子:

.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,您无需再次编写这些属性