Mixin bootstrap 3類 - 未聲明的mixin

我試圖讓mixin從不同的引導類繼承，以便闡明我的代碼。因此，而不是寫Mixin bootstrap 3類 - 未聲明的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」。有什麼想法？謝謝！

來源

2014-06-16 Mario Levrero

在引導3，我認爲你沒有.row流體類，只是.row或.container流體 –

Bootstrap LESS源中的列是通過mixins.less中的mixin動態生成的。這就是你不能直接調用它們作爲mixin的原因。

無論如何，我認爲最好的做法是將.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>

來源

2014-06-16 12:32:54

嚴格地說減（從v1.6.x開始）允許使用動態生成的類作爲mixin，但是當它們是通過相當危險的「文本處理」技巧（如Bootstrap'.col - * - *'類）生成的時候。例如，請參見[gist]（https://gist.github.com/seven-phases-max/78ef7353573e375ea0d9#file-24243674-less）。 –

謝謝！因此，爲了避免重複n次類似於class =「myMediumDiv」的「class =」col-xs-6 col-md-4「，不可能創建一種快捷方式？ –

Bootstrap提供了[dedicated mixins]（http ：//getbootstrap.com/css/#grid-less）（例如'.make - * - column'等）你應該在這種情況下使用。 –

Mixin bootstrap 3類 - 未聲明的mixin

回答

相關問題