使用 Less Mixins 和 twitter-bootstrap-rails

Question

我正在第一次尝试将 bootstrap mixins 与 twitter-bootstrap-rails gem 和 bootstrap 结合使用。在文件 app/assets/stylesheets/custom.less 中，我有以下内容

.form-left{
  .col-md-4;
  .col-md-offset-2;
}

所以我的目标是让 class form-left 表现得像 bootstrap classes col-md-4 和 .col-md-offset-2.

问题是当我打开页面时，遇到以下错误：

.col-md-offset-2 is undefined (in app/assets/stylesheets/custom.less)

我可能遗漏了什么？这很可能很简单，因为我对此很陌生。

非常感谢任何指导！

Answer 1

确保首先加载正确的 mixin 和变量：

@import "twitter/bootstrap/mixins.less";
@import "twitter/bootstrap/variables.less";

对于将列用作混入，语法不同。在您的具体情况下，像这样尝试：

.make-md-column(4) .make-md-column-offset(2)

Using Less Mixins with twitter-bootstrap-rails