Full height row with bootstrap and sb-admin
<p>I'm using the sb-admin theme based on bootstrap:
<a href="https://github.com/BlackrockDigital/startbootstrap-sb-admin-2" rel="nofollow">https://github.com/BlackrockDigital/startbootstrap-sb-admin-2</a></p>

<p>I'm trying to create a full height row, but can't figure it out.</p>

<p>Within the body tag, my html looks like this:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="wrapper" class="container"&gt;

  &lt;!-- Navigation --&gt;
  &lt;nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0"&gt;
  &lt;/nav&gt;

  &lt;div id="page-wrapper"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-lg-12"&gt;
        &lt;h1 class="page-header"&gt;Dashboard&lt;/h1&gt;
      &lt;/div&gt;

      &lt;!-- /.col-lg-12 --&gt;
    &lt;/div&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-lg-8"&gt;
        &lt;div class="page-body" style="background: green; height: 100%"&gt;Body&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-4"&gt;
        &lt;div class="page-toolbar" style="background: blue; height: 100%"&gt;Toolbar&lt;/div&gt;
      &lt;/div&gt;

      &lt;!-- /.col-lg-12 --&gt;
    &lt;/div&gt;




  &lt;/div&gt;
  &lt;!-- /#page-wrapper --&gt;

&lt;/div&gt;
&lt;!-- /#wrapper --&gt;</code></pre>
</div>
</div>
</p>

<p>I've set page-body and page-toolbar to be 100% height, but they don't expand.  I assume they are 100% of their parent.  The question is what do I need to set to get these to fill the page.</p>