如何使用引導，少創造流暢的佈局？

Question

如何使用引導，少創造流暢的佈局，而無需編寫這樣的代碼：

<div class="span12"> 

我嘗試創建更少的代碼和寫：

@import "bootstrap"; 

div#wrap { 
    .container-fluid; 
} 
header { 
    #grid > .fluid > .row-fluid; 
} 
div#logo { 
    #grid > .fluid > .span(2); 
} 
nav { 
    #grid > .fluid > .span(10); 
} 

但這不起作用。怎麼了？

Answer 1

您是否嘗試過使用makeRow()和makeColumn？ 您可以使用他們喜歡的是：

header { 
    makeRow(); 
} 
div#logo { 
    makeColumn(2); 
} 
nav { 
    makeColumn(10); 
} 

這裏是一個偉大的文章，解釋爲何以及如何使用引導混入在LESS：link