twitter-bootstrap-3 - Mixin bootstrap 3 类 - 未声明的 mixin

Question

我正在尝试创建一个 mixin 以从不同的 Bootstrap 类继承，以便阐明我的代码。所以，与其写

<div class="row-fluid col-lg-12 page-header">

我想写这样的东西

<div class="myGroup">

我创建了一个 .less 文件:

@import 'bootstrap/less/bootstrap.less';


.myGroup{
    .row-fluid;      //Undeclared mixin
    .col-lg-12;      //Undeclared mixin
    .page-header;    //Loads Ok.

}

我正在编译客户端。我收到“未声明的混合”。任何想法？谢谢!

Answer 1

Bootstrap LESS 源代码中的列是通过 mixins.less 中的 mixins 动态生成的。这就是您不能将它们直接称为混入的原因。

无论如何，我认为将 .col-lg-12 作为元素的类而不是将其隐藏到您的样式表中是更好的做法。您也不应该在同一元素中使用 .row 和 .col-*。

在 Bootstrap 3 中没有 .row-fluid 这样的东西。

<div class="container-fluid">
  <div class="row">
    <div class="col-lg-12">
      <div class="page-header"> ... </div>
    </div>
  </div>
</div>