Блог

Я пытаюсь создать смешивание для наследования от разных классов начальной загрузки, чтобы уточнить мой код. Итак, вместо того, чтобы писать

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

}
  

Я компилирую на стороне клиента. Я получаю «необъявленное смешивание».
Есть идеи? Спасибо!

Столбцы в источнике начальной загрузки МЕНЬШЕ генерируются динамически с помощью mixins в mixins.less. По этой причине вы не можете вызывать их напрямую как mixins.

В любом случае, я думаю, что лучше использовать элемент в .col-lg-12 качестве класса, а не скрывать его в вашей таблице стилей. Вы также не должны использовать .row и .col-* в том же элементе.

Такого понятия, как .row-fluid в начальной загрузке 3, нет.

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