Responsive design 基础和垂直对齐。更好地使用自定义媒体查询？

我即将建立我的第一个快速响应的网站，我想使用Twitter引导。我发现它们处于过渡阶段，文档不存在，所以我转到了基金会V4，香草CSS选项一。 我尝试过做一个非常简单的布局，这是一个爆炸，我真的很喜欢它

考虑到它在960GS i上工作，我的设计是这样的……只有在预编码阶段才发现（项目仍然必须被批准，但我有一些空闲时间，我已经开始编码它）这个基础没有垂直对齐系统。p> 我做了一个布局，基本上是这样的：

这就是手机上的标题（其余部分工作正常）的外观：

基本上，我遇到了三个问题：

1） Zurb如何允许您垂直重新定位内容？我知道标题很糟糕，但他们调整了菜单栏，使其“触摸”大图像和社交媒体图标，使其与左侧图像（即徽标）相距一半。我不知道如何操作

2） 这些对象会自动像移动版本中的第二张图片那样放置自己吗

我发誓我搜索了一个多小时来找出如何更好地在垂直方向上分隔或重新定位内容，但我似乎无法做到这一点

下面是我的第三个问题：

3） 考虑到我不熟悉媒体查询，我是否应该找到一种方法让它在Foundation（已经建立）中工作，还是让我用这样的布局进行自定义媒体查询更好？事实上，我在媒体查询方面遇到了一些问题，这就是我现在使用框架的原因

---

谢谢你的帮助，希望在基金会4有一个方法，使这项工作不会发疯！ 你的问题不是很清楚。“重新定位”是什么意思？你试过

position

或

margintop

或类似的方法吗？让我们看看你已经试过了什么