title: Bootstrap 3 - Bottom align column within row
body: <p>I have two Bootstrap columns within a row, thusly:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-xs-6 mainBox"&gt;
          &lt;h1&gt;Heading&lt;/h1&gt;
          &lt;h2&gt;Sub Heading&lt;/h2&gt;
      &lt;/div&gt;
      &lt;div class="col-xs-6 mainBox buttonBox"&gt;
          &lt;button class="btn btn-primary"&gt;Button&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want the second column to be bottom aligned vertically within the row.  How do I achieve this?</p>
  
  <p>Here is a demo fiddle:<br>
  <a href="http://jsfiddle.net/RationalGeek/6pYhx/">http://jsfiddle.net/RationalGeek/6pYhx/</a></p>