Sass 自定义网格?

Sass 自定义网格?,sass,zurb-foundation,zurb-foundation-5,Sass,Zurb Foundation,Zurb Foundation 5,我需要在标准网格布局中使用不同大小的网格 我正在使用sass并尝试: .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> &l

我需要在标准网格布局中使用不同大小的网格

我正在使用sass并尝试:

.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>

5列
a 1列

不过我运气不好。这个混音哪里出了问题?

我认为您还需要根据需要的大小引入
网格html类

$total-columns: 30;

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

演示:

看起来您甚至不必在网格行函数中包含$total列。我猜,如果您在生产中使用此选项,您是否希望将$total列重置回所需的数量?