Zurb基金会背景颜色外网

Question

我敢肯定，这是简单的东西，但我无法弄清楚如何创建这样一个布局：

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

感谢您的指点。

Answer 1

body { background-color: blue; } 

.row { background-color: white; } 

的body背景色将占据整个页面，并row背景颜色将叠加到的body。

Answer 2

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

如果您使用这种方法 - 不要忘记删除scaffolds.css.scss中的任何身体造型（否则它可能会覆盖您在基础设置中指定的任何内容）。