Bootstrap垂直对齐标头

Question

尝试了许多事情并在这里查看了一些答案，但它没有奏效。 我尝试将标题垂直对齐到图像。请查看我的Bootply：http://www.bootply.com/SEKp0kHvfX

编辑：这里还有代码：

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

编辑：抱歉不精确。我希望标题位于图像的中间高度。

它应该是这样的：

{{1}}

Answer 1

.vcen {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

像这样创建自定义CSS bootstrap使用float：left作为默认值

<div class="container">
  <div class="row">
    <div class="col-md-2 vcen">
	 	<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 vcen">
 		 <h2>Please align me! :)</h2>
    </div>
  </div>    
</div>

试一试。
希望这有助于。