响应式布局无法正常使用Foundation 3

Question

我正在使用Foundation 3创建网站，但我似乎无法使响应式布局正常工作。当屏幕大小改变时，导航栏似乎是响应，但网站的其余部分都不起作用。任何人都可以帮助我如何让网站的其余部分响应？

您可以在此处查看：https://dl.dropboxusercontent.com/u/52725754/fight-back-jujitsu/index.html

任何帮助都会被批评。

由于

Answer 1

您的网站上发生了很多事情。我注意到的一件大事是你在row内嵌套row。这会弄乱你网站的布局。如果您想要嵌套，那么首先需要columns，然后是row。你可以check this fiddle说明我在这里谈论的内容。您会注意到第二个面板导致水平滚动。如果删除该div上的row类，则滚动将消失。