title: vertically align text based on image using bootstrap
body: <p>I have an image and want a text next to it centered vertically. I can use text-center if its horizontal aligning but I need to align vertically. How can I do that? Is there any way in bootstrap to do this?</p>
  
  <pre><code>  &lt;div class="col-md-12 well"&gt;
        &lt;div class="col-md-3"&gt;
          &lt;img src="http://placehold.it/100x100"&gt;&lt;/img&gt;
  
        &lt;/div&gt;
        &lt;div class="col-md-3"&gt;
          &lt;div&gt;
          This text should be centered vertically
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Here is the <a href="http://codepen.io/flyingboy007/pen/vLvVpd" rel="nofollow">codepen</a></p>