我可以在 CSS 中将 Twitter Bootstrap 脚手架跨度称为 mixin 而不是类吗？

我明白我可以添加一个class="span3" to a div，但是如果我想通过 LESS 将等效属性赋予另一个类怎么办？

Example:

<div class="span3">This width is span3</div>
<div class="anotherClass">I want to make this also span3, but without explicitly calling it out</div>

在 LESS 中我想做类似的事情：

.anotherClass {
    .span3();
}

我怎样才能做到这一点？

The 文档 http://lesscss.org/#-mixins表示您可以通过引用不带括号的方式来包含任何类或 id 规则集：

.anotherClass {
    .span3;
}

但是，对于您的具体情况，您不能include编译后的 Bootstrap CSS 并能够像这样混合在类中，并且 Bootstrap LESS 源代码并没有完全定义名为的类/混合.span1, .span2 etc.

In mixins.less https://github.com/twitter/bootstrap/blob/master/less/mixins.less#L573有一个 mixin 叫做.span(@columns)用于计算宽度，具体取决于@gridColumnWidth and @gridGutterWidth随着论证。您可以使用以下方式调用它：

.anotherClass {
    #grid > .core > .span(3);
}

这只会给你的目标计算的宽度.span3.

如果这就是您想要的，那就没问题，但是还有其他规则适用于名为的元素.span3, e.g. [class*="span"]。因此，如果您也尝试镜像这些文件，您将无法以编程方式完成此操作，您必须手动梳理文件并复制所需的属性。