使用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;
}

所以我的目标是让类form-left的行为好像它是用引导类col-md-4和.col-md-offset-2 。

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

.col-md-offset-2未定义（在app / assets / stylesheets / custom.less中）

我可能会遗漏什么？ 它很可能很简单，因为我对此很新。

非常感谢任何指导！

Answer 1

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

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

对于使用列作为mixins，语法是不同的。 在您的具体情况下，请尝试这样：

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