我即将建立我的第一个响应式网站，我想使用 Twitter Bootstrap。我发现它们正处于过渡阶段并且文档不存在，所以我切换到 Foundation v4，即 Vanilla CSS 选项之一。
我已经尝试过它制作一个非常简单的布局，它是一个爆炸，我真的很喜欢它！
考虑到它可以在 960gs 上运行，我的设计基于它……只是在预编码阶段（项目仍然需要批准，但我有一些空闲时间，我已经开始编码）发现 Foundation 没有不配备垂直对齐系统！
我做了一个基本上是这样的布局：
这就是标题（其余工作正常）在移动设备上的外观：
基本上我遇到了三个问题：
1) Zurb 如何让您垂直重新定位内容？我知道标题很糟糕，但他们将菜单栏调整为“触摸”大图像，并将社交媒体图标调整为左侧图像的一半，即徽标。我不知道该怎么做
2) 物体会像手机版的第二张图片那样自动放置自己吗？
我发誓我搜索了一个多小时来找出如何更好地垂直排列或重新定位内容，但我似乎无法做到。
这是我的第三个问题：
3）考虑到我不熟悉媒体查询，我应该找到一种方法让它在 Foundation 中工作（已经设置）还是让我用这样的布局进行自定义媒体查询更好？我实际上在媒体查询方面遇到了一些问题，这就是我目前使用框架的原因。
在此先感谢您的帮助，希望 Foundation 4 中有一种方法可以让这项工作不至于发疯！