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

Question

我即将建立我的第一个响应式网站，我想使用Twitter Bootstrap。我发现它们处于过渡阶段并且文档不存在，所以我切换到了基础v4，即Vanilla CSS选项。

我已经尝试过制作一个非常简单的布局，这是一个爆炸，我真的很喜欢它！

考虑到它适用于960gs我基于我的设计...仅在预编码阶段发现（项目仍需要批准，但我有一些空余时间，我已经开始编码了）基金会没有垂直对齐系统！

我做了一个基本上是这样的布局：

这就是标题（其余工作正常）应该在移动设备上显示的方式：

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

1）Zurb如何允许您垂直重新定位内容？我知道标题很糟糕但是他们调整了菜单栏以“触摸”大图像和社交媒体图标到左侧图像的一半，这是徽标......我不知道该怎么做< / p>

2）对象会自动放置在移动版本的第二张图片中吗？

我发誓我搜索了一个多小时以找出如何更好地空间或重新定位内容，我似乎无法做到这一点。

这是我的第三个问题：

3）考虑到我不熟悉媒体查询，我是否应该找到一种方法让它在Foundation（已经设置好）中工作，或者我最好用这样的布局进行自定义媒体查询？我实际上在媒体查询方面遇到了一些问题，这就是为什么我现在正在使用框架。

提前感谢您的帮助，希望基金会有一种方法可以让这项工作毫不费力！