带边距的基础网格中心

Question

为什么 Foundation 网格默认居中？有没有实用程序 class 我可以使用它来允许网格行跨越整个宽度？

Answer 1

对于基础 6：

将 "expanded" class 添加到 .row 以删除最大宽度，如下所示：

<div class="row expanded">

对于基础 5：

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

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

然后您可以将 "expanded" class 添加到 .row。