title: How do I bottom-align grid elements in bootstrap fluid layout
body: <p>I have a fluid layout using Twitter's bootstrap, wherein I have a row with two columns.  The first column has a lot of content, which I want to fill the span normally.  The second column just has a button and some text, which I want to bottom align relative to the cell in the first column.  </p>
  
  <p>Here's what I have:</p>
  
  <pre><code>-row-fluid-------------------------------------
  +-span6----------+ +-span6----------+
  |                | |short content   |
  | content        | +----------------+
  | that           | 
  | is tall        |    
  |                |
  +----------------+
  -----------------------------------------------
  </code></pre>
  
  <p>Here's what I want:</p>
  
  <pre><code>-row-fluid-------------------------------------
  +-span6----------+
  |                |
  | content        |
  | that           | 
  | is tall        | +-span6----------+    
  |                | |short content   |
  +----------------+ +----------------+
  -----------------------------------------------
  </code></pre>
  
  <p>I've seen solutions that make the first span an absolute height, and position the second span relative to it, but a solution where I didn't have to specify the absolute height of my divs would be preferred.  I'm also open to a complete rethink of how to achieve the same effect.  I'm not married to this use of the scaffolding, it just seemed to make the most sense to me.</p>
  
  <p><strong>This layout as a fiddle:</strong></p>
  
  <p><a href="http://jsfiddle.net/ryansturmer/A7buv/3/">http://jsfiddle.net/ryansturmer/A7buv/3/</a></p>