基礎中的自定義網格？

Question

我需要標準網格佈局內的不同大小的網格。

我使用的是青菜和曾嘗試：

.row-30{ 
    @include grid-row($total-columns: 30); 
} 

這裏的HTML：

<div class="row-30"> 
    <div class="small-5 columns">a 5 col</div> 
    <div class="small-1 columns end">a 1 col</div> 
</div> 

我有沒有運氣，雖然。我在哪裏混這個mixin出錯？

Answer 1

我想你也需要在grid-html-classes你想要的大小，以使..

$total-columns: 30; 

.row-30 { 
    @include grid-row($total-columns); 
    @include grid-html-classes($size:small); 
} 

演示：http://codeply.com/go/QIvdO5M7Tz