使用Less-Mixins和twitter-bootstrap-rails

时间:2015-01-07 09:38:12

标签: ruby-on-rails twitter-bootstrap less mixins twitter-bootstrap-rails

我第一次尝试使用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中)

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

非常感谢任何指导!

1 个答案:

答案 0 :(得分:3)

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

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

将列用作mixins时,语法不同。 在您的具体情况下,请尝试这样:

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

在这里查看完整文档: http://getbootstrap.com/css/#grid-less