基础定制网格？

Question

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

我正在使用sass并尝试过：

var script1 = "content for jQuery";
var script2 = "content for javascript";

$(document).ready(function (){
    $('#content1').html(script1);
    document.getElementById('content2').innerHTML = script2;
})

这是HTML：

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

我没有运气。这个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