title: Vertical DIV alignment within Bootstrap 3 Grid with CSS
body: <p>I'm using bootstrap 3, and I have problems when I want to align vertically two div, for example ( <a href="http://jsfiddle.net/Xelnag/335nhneq/" rel="nofollow">http://jsfiddle.net/Xelnag/335nhneq/</a> )</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-sm-6 vbox"&gt;
          &lt;img src="img/1.png" class="icon-16"/&gt; 
          &lt;img src="img/2.png" class="icon-16"/&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-6"&gt;
          &lt;img src="img/3.png" class="icon-32"/&gt; 
          &lt;img src="img/4.png" class="icon-32"/&gt; 
          &lt;img src="img/5.png" class="icon-32"/&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS for "vbox" is just a vertical align:</p>
  
  <pre><code>.vbox { vertical-align: bottom; }
  </code></pre>
  
  <p>What i would like to see is left div aligned to bottom to match the right side.</p>
  
  <p>I have seen answers in stackoverflow with the use of javascript but so far i have found none that works with just CSS with the bootstrap 3 responsive design.</p>