【问题标题】:Custom grid in foundation?基础中的自定义网格?
【发布时间】:2015-09-06 23:12:24
【问题描述】:

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

我正在使用 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 哪里出了问题?

【问题讨论】:

    标签: sass zurb-foundation zurb-foundation-5


    【解决方案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

    【讨论】:

    • 看起来您甚至不必在 grid-row 函数中包含 $total-columns 。我猜你是否在生产中使用它,但你想将 $total-columns 重置回所需的数量?
    猜你喜欢
    • 1970-01-01
    • 2018-03-31
    • 1970-01-01
    • 2014-12-10
    • 1970-01-01
    • 2013-08-24
    • 1970-01-01
    • 1970-01-01
    • 2015-12-09
    相关资源
    最近更新 更多