Zurb基金会背景颜色在栅格之外

Question

我确定这很简单，但我无法弄清楚如何创建这样的布局：

我的网格大小等于白色区域的宽度。我对于占据页面整个宽度的深蓝色Top Bar没有任何问题，但我不知道如何创建浅蓝色边，因为它们在基础网格之外。如果我将身体背景改为浅蓝色，那么中间的基础网格也会变成蓝色。

感谢您的任何指示。

Answer 1

foundation_and_overrides.scss文件有一个名为$body-bg的变量，它接受您想要的任何颜色。

如果您使用此方法 - 请勿忘记删除scaffolds.css.scss中任何正文样式（否则它可能会覆盖您在基础设置中指定的任何内容）。

Answer 2

body { background-color: blue; }

.row { background-color: white; }

body背景颜色将占据整个页面，row的背景颜色将与body的背景颜色重叠。