如何使用引导，少创造流畅的布局？

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