基础中的自定义网格?
Custom grid in foundation?
我需要标准网格布局中不同大小的网格。
我正在使用 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 哪里出错了?
我想你还需要带上你想要的尺寸的 grid-html-classes
..
$total-columns: 30;
.row-30 {
@include grid-row($total-columns);
@include grid-html-classes($size:small);
}
我需要标准网格布局中不同大小的网格。
我正在使用 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 哪里出错了?
我想你还需要带上你想要的尺寸的 grid-html-classes
..
$total-columns: 30;
.row-30 {
@include grid-row($total-columns);
@include grid-html-classes($size:small);
}