title: Make row occupy all the remaining space in html
body: <p>How can I make row in twitter Bootstrap to occupy all the remaining space in the screen? </p>
  
  <pre><code>&lt;.....html tags&gt;
  &lt;&gt;
  ....
  &lt;&gt;
  &lt;div class="row" style="background-color:green"&gt;
    &lt;div class="col-md-8"&gt;.col-md-8&lt;/div&gt;
    &lt;div class="col-md-4"&gt;.col-md-4&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want all the remaining space green based on above (The background will be green for any materials I have under this div, which is not what I want though).Now, in above case, I need the row to occupy all the space remaining in the screen? Is there some simple modification I can do to achieve this or I have to rely on javascript?</p>