title: Setting 100% height to columns in Twitter Bootstrap
body: <p>I am new to BootStrap so learning the ropes and understanding it. I am trying to acheive 100% height in column grid so that it covers 100% height of the page. Right now no height is set. When I try to specify the height of both columns col-lg-9 and col-lg-3 in pixels or % no change occurs. Don't know what might be the problem.
  Here is the basic structure I am using</p>
  
  <pre><code>&lt;body&gt;
  &lt;div class="row"&gt;
  "Top bar"
  &lt;/div&gt;
   &lt;div class="container"&gt;
         &lt;div class="row"&gt;
          &lt;div class="col-lg-3"&gt;
  side bar
  &lt;/div&gt;
  
   &lt;div class="col-lg-9"&gt;
  side bar
  &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is the css for each item</p>
  
  <pre><code>@media (min-width: 1200px)
  .container {
  max-width: 1170px;
  }
  .row {
  margin-bottom: 20px;
  }
  .col-lg-9 {
  width: 75%;
  padding: 10px 20px;
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border: 0 none;
  padding-top: 3%;
  min-height: 90%;
  }
  .col-lg-3 {
  width: 25%;
  background-color: #192D38;
  color: #88A7A9;
  min-height: 90%;
  }
  </code></pre>