【问题标题】:Foundation grid center with margin带边距的基础网格中心
【发布时间】:2016-09-24 15:55:16
【问题描述】:

为什么 Foundation 网格默认居中?是否有一个实用程序类可以让网格行跨越整个宽度?

【问题讨论】:

    标签: css sass zurb-foundation


    【解决方案1】:

    对于基础 6:

    将“扩展”类添加到 .row 以删除最大宽度,如下所示:

    <div class="row expanded">
    

    对于基础 5:

    将此添加到您的 CSS 文件中:

    .row.expanded {max-width: none; }
    .row.expanded .row {margin-left: auto; margin-right: auto; }
    

    然后您可以将“扩展”类添加到 .row。

    【讨论】:

    • 仅在 Foundation 版本 6 中可用?我正在使用版本 5x :(
    猜你喜欢
    • 2019-07-22
    • 2014-06-25
    • 1970-01-01
    • 2012-08-18
    • 1970-01-01
    • 2021-09-27
    • 1970-01-01
    • 2020-08-21
    • 1970-01-01
    相关资源
    最近更新 更多