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.

}

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

Answer 1

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

Mixin bootstrap 3类 - 未申报的mixin

1 个答案: