基础中的自定义网格？

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