基础中的自定义网格？

Question

我需要标准网格布局中不同大小的网格。

我正在使用 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>

虽然我运气不好。这个 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