我刚刚开始使用Zurb Foundation 6.4.3 XY Grid . 我在概念化如何执行以下操作时遇到了一些麻烦：
在 large screens ，我的网站应如下所示：
在 small screens 我希望Panel B先来，并且固定高度为300px：
我在这里有一个Codepen：https://codepen.io/rbrtmrtn/pen/vWYKQP
现在，在小屏幕上出现这两个问题有两个问题：
-
我不确定当
grid-x折叠时如何使面板B出现在面板A上方 . -
面板B是web map，需要固定高度或某种自动调整（如Flexbox
grow）才能工作 . 当我调整网站大小并折叠grid-x时， Map 消失了，可能是因为Foundation正在尝试使单元格适合其内容并且没有（ Map 的行为更像浮动元素） .
希望任何帮助整理出来 .
1 回答
一个同事引导我朝着正确的方向 - 答案是使用source ordering，它允许您指定元素在不同屏幕尺寸上的显示顺序 .