Mixin bootstrap 3 classes - Undeclared mixin

Question

我正在尝试制作一个 mixin 以从不同的引导类继承，以便澄清我的代码。 所以，不要写

<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.

}

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

Answer 1

Bootstrap LESS 源中的列是通过 mixins.less 中的 mixins 动态生成的。 这就是你不能直接将它们称为 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>