title: How to set height of top row in bootstrap grid?
body: <p>I have a container which I want to split in two horizontal rows using a bootstrap grid.</p>
  
  <p>The top row should take up 80% of the height, and the bottom the remaining.</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
      &lt;div class="row" style="height:80%"&gt;
          &lt;div class="col-xs-12"&gt;This should take up 80% of the height&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="row"&gt;
          &lt;div class="col-xs-12"&gt;This should take up the remaining 20% of the height&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried to add height:80% as inline style to the first row, but it did not have any effect.</p>
  
  <p>What am I missing here?</p>