title: Div height 100% not working - bootstrap
body: <p>I am using Bootstrap for a grid system, I am having trouble making a col-6 have a height:100%, in order to vertically align some text inside it.</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-lg-6 col-sm-12 center "&gt;
          &lt;img alt=" " class="img-responsive" src="assets/images/sitewide/mainpageeconomy.jpg"&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-6 col-sm-12 fillme"&gt;
          &lt;p&gt;We also offer a 30 foot Grady White center console. She's more of a hardcore no frills fishing vessel, we normally take her 20 to 40 miles offshore for bottom fishing and trolling for game fish up to 4 anglers.&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the fillme class has a height and min height of 100%</p>
  
  <p>Help is much appreciated.</p>
  
  <p>Update - I wrote a <a href="http://blog.dnwebdev.com/index.php/2015/07/29/my-bootstrap-tool-belt-equal-height-columns/" rel="nofollow">blog post</a> about this! definitely a nice piece of code to have handy.</p>