如何在Zurb Foundation 4/5全屏幕中创建行？

Question

默认情况下,Zurb Foundation 4和5中的行以最大宽度1000px运行,即使在非常大的监视器上也是如此,这会在内容的任一侧创建边距.如何在不影响设计响应的情况下使其全屏运行？

Answer 1

将以下代码添加到CSS文件中:

.row {min-width:100% !important;}

Answer 2

我认为最好的方法就是这样.

将此添加到您的CSS或自定义CSS-

.row.full-width {
    width: 100%;
    max-width: 100%;
}

然后在你的HTML中,做到这一点 -

<div class="row full-width"> </div>

如果您只想使用全屏显示页眉或页脚,这将允许您保持网格系统.

Answer 3

如果您使用的是Sass/Compass,zurb-foundationgem或自定义的Foundation分布,则可以设置$row-width变量.这将流经其使用的任何其他地方.您还可以调整,例如,列数,装订线宽度等.