Css 引导垂直对齐头

在这里尝试了很多方法并查看了一些答案，但都没有成功。 我尝试将标题与图像垂直对齐。请在以下网址查看我的Bootply：

编辑：以下是代码：

<div class="container">
  <div class="row">
<div class="col-md-2">
    <img src="https://placeholdit.imgix.net/~text?txtsize=33&amp;txt=350%C3%97150&amp;w=150&amp;h=150">
</div>
<div class="col-md-4">
     <h2>Please align me! :)</h2>
</div>    
  </div>
</div>

.vcen{
显示：内联块；
垂直对齐：中间对齐；
浮动：无；
}

没有CSS方法来对齐不共享父元素的元素。加上…垂直对齐方式…在顶部，中间…底部。。。什么？我以为父对象是“行”？不…父对象是在顶部对齐的列div。图像和标题是各自列的子项…而不是行。我想你想要这个-谢谢@Paulie_D这正是我要找的。我相信OP希望文本放在图像的右侧，中间对齐。您已将文本推到新行（图像下方）。没有，抱歉。我想把它放在一行。OP的问题一点也不清楚。然后要求澄清，不要只是张贴答案

+----------------------+
|                      |
|                      |
|  IMAGE               | Header
|                      |
|                      |
+----------------------+