title: Make A Button Stay At The Bottom Of Its Column, Vertical Align Isn't Working
body: <p><strong>Make A Button Stay At The Bottom Of Its Column</strong></p>
  
  <p>I'm using Bootstrap 3 and I have a <code>.row</code> with 2 columns in it. Inside both columns there's content followed by a button. Using the <code>table</code> <code>table-cell</code> approach, the 2 columns match height, and now I simply want the button to stay at the bottom of the row with less content. I'm trying to do so using vertical alignment, but it's not working. <em>What am I missing?</em></p>
  
  <p><strong>jsFiddle:</strong>
  <a href="http://jsfiddle.net/CSS_Apprentice/8z3twkb1/" rel="nofollow">http://jsfiddle.net/CSS_Apprentice/8z3twkb1/</a></p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="row"&gt;
  
      &lt;div class="col-xs-6"&gt;
          &lt;img src="http://placehold.it/50x50" alt="icon" /&gt;
          &lt;h5&gt;Header&lt;/h5&gt;
          &lt;p&gt;Yet remarkably appearance get him his projection. Diverted endeavor bed peculiar men the not desirous. Acuteness abilities ask can offending furnished fulfilled.&lt;/p&gt;
          &lt;button&gt;Donate&lt;/button&gt;
      &lt;/div&gt;
  
      &lt;div class="col-xs-6"&gt;
          &lt;img src="http://placehold.it/50x50" alt="icon" /&gt;
          &lt;h5&gt;Header&lt;/h5&gt;
          &lt;p&gt;Yet remarkably appearance get him his projection.&lt;/p&gt;
          &lt;button&gt;Donate&lt;/button&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.row {
      display:table
  }
  .row &gt; div {
      display: table-cell;
      float: none;
  }
  .row &gt; div button {
      vertical-align: bottom; 
  }
  </code></pre>