title: Bootstrap Grid Column Height 100%
body: <p>I'm using bootstrap grid system to make some nested grids. The only problem is I cant get the grid to span the whole screen, currently its just 1 line tall.</p>
  
  <p>Is there any way to make it fill 100% of the parent container? I've tried simple stuff like css height attributes.</p>
  
  <p>this is my code below</p>
  
  <pre><code>    &lt;div class="container"&gt;
  &lt;div class="row" style="height:100vh"&gt;
      &lt;div class="col-md-6" style="height:100%"&gt;
          &lt;div class="row" style="height:50%"&gt;
              &lt;div class="col-md-6"&gt;2&lt;/div&gt;
              &lt;div class="col-md-6"&gt;3&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row" style="height:50%"&gt;
              &lt;div class="col-md-6"&gt;4&lt;/div&gt;
              &lt;div class="col-md-6"&gt;5&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-6" style="height:100%"&gt;
          1
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>