Mixin bootstrap 3 classes - Mixin non déclaré

Question

J'essaye de faire un mixin pour hériter de différentes classes bootstrap afin de clarifier mon code. Ainsi, au lieu d'écrire

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

Je voudrais écrire quelque chose comme

<div class="myGroup"> 

J'ai créer un fichier .Moins:

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


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

} 

Je compile côté client . Je reçois "mixin non déclaré". Une idée? Merci!

Answer 1

Les colonnes de la source Bootstrap LESS sont générées dynamiquement via des mixins dans mixins.less. C'est la raison pour laquelle vous ne pouvez pas les appeler directement en tant que mixins.

Quoi qu'il en soit, je pense qu'il est préférable de donner .col-lg-12 en tant que classe à l'élément et ne pas le cacher à votre feuille de style. Vous ne devriez pas utiliser .row et .col-* dans le même élément non plus.

Il n'y a pas une telle chose comme .row-fluid dans Bootstrap 3.

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