使用 less.css 和 Twitter Bootstrap 3 - mixins 不起作用答案

【问题标题】：Using less.css and Twitter Bootstrap 3 - mixins not working使用 less.css 和 Twitter Bootstrap 3 - mixins 不起作用
【发布时间】：2014-01-05 13:14:33
【问题描述】：

好的，所以我正在尝试通过 css 向我的页面添加类。下面是我正在编写的 less.css 文件的示例：

.someClass {
    .col-sm-6;
}

我发誓这之前有效，但无论出于何种原因，我的编译器都会抛出错误：

".col-sm-6 未定义"

Compiler: WinLess

基本上我只是想将 col-sm-6 类分配给一个 div 用于宽度/浮动等...如果您能想到任何不起作用的原因，请告诉我。
谢谢！

【问题讨论】：

您在哪里添加自定义 LESS？
@isherwood 你能把你的问题描述得更详细些吗？
并非如此。你把你的代码放在哪里？
我有一个较少的 css 文件，可以编译成主要的 style.css。我可以确认正在选择其他样式（例如，如果我在某物上添加背景颜色，它可以工作，但 col-sm-6 没有）...如果这有意义的话。我在上面的例子中使用的就是那个 mixin，本质上是“将 .col-sm-6 的类/样式添加到元素中”......
我想知道的是，包含.col-sm-6 的 Bootstrap LESS 文件是否在您编译的时间和地点可用。

标签： css less twitter-bootstrap-3

【解决方案1】：

Bootstrap 3 通过动态 mixin 生成这些类名，因此它们本身不能作为 mixins 直接访问（动态生成的类名目前无法在 LESS 中作为 mixins 访问）。相反，您需要调用 mixin 来生成代码：

.someClass {
    .make-sm-column(6);
}

【讨论】：