title: bootstrap text inside div always at the bottom
body: <p>I have the following HTML using bootstrap in my code.</p>
  
  <pre><code>&lt;div class="row-fluid image_div"&gt;
          &lt;h4 class="text-center"&gt;&lt;a href="/category"&gt;name_of_item&lt;/a&gt;&lt;/h4&gt;
           &lt;a target="_blank" href="link_for_item"&gt;
              &lt;img class="item-size" src="photo.url" alt="name_of_item"/&gt;
          &lt;/a&gt;
          &lt;p&gt; quick_summary &lt;/p&gt;
          &lt;div class="row-fluid"&gt;
              &lt;span class="pull-right"&gt;&lt;b class="price"&gt;£ price &lt;/b&gt;&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="row-fluid bottom"&gt;
              &lt;a class="btn btn-small btn-warning pull-left" href="/user"&gt;Add To Wish List&lt;/a&gt;
              &lt;a target="_blank" 
                 class="btn btn-info pull-right" 
                 href="link_for_item"&gt;
                  Check It Out
              &lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And i have the top div (image_div) height defined as below</p>
  
  <pre><code>    .image_div{
      height: 450px;
       }
  </code></pre>
  
  <p>In the above code, i want the inside div with "bottom" class to always to stay at the bottom of the top div (image_div). Please suggest, how i can achieve this?</p>