基础中的自定义网格

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>

不过我运气不好。这个混音器我哪里错了？

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