title: Bootstrap - fill remaining vertical space
body: <p>I'm trying to design this layout using bootstrap. I put logo and navbar but now I have to insert the remaining div.<br>
  I need to extend this div (with the question mark) to the remaining space of the page (with margin like the picture).<br>
  I don't know logo or navbar percentage height.</p>
  
  <p><img src="https://i.stack.imgur.com/HAKwo.png" alt="enter image description here"></p>
  
  <hr>
  
  <p><strong>Edit:</strong> Post my code (source page of Yii Framework)</p>
  
  <pre><code> &lt;a href="index.html"&gt;&lt;img width="150" src="images/logo.png"/&gt;&lt;/a&gt;
   &lt;nav class="navbar navbar-default"&gt;
   &lt;div class="container-fluid"&gt;
      &lt;div class="navbar-header"&gt;
          &lt;button class="navbar-toggle btn btn-default" data-toggle="collapse" data-target="#yii_booster_collapse_yw0" id="yw1" name="yt0" type="button"&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;/button&gt;&lt;/div&gt;
          &lt;div class="collapse navbar-collapse" id="yii_booster_collapse_yw0"&gt;
              &lt;ul id="yw2" class="nav navbar-nav"&gt;
                  &lt;li class="active"&gt;
                      &lt;a href="index.php/site/home"&gt;Home&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              &lt;ul class="pull-right nav navbar-nav" id="yw3"&gt;
                  &lt;li&gt;
                      &lt;a href="index.php/user/profile/edit"&gt;Profile&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="dropdown"&gt;
                      &lt;a class="dropdown-toggle" data-toggle="dropdown" href="index.php/site/home"&gt;Options &lt;span class="caret"&gt;&lt;/span&gt;
                      &lt;/a&gt;
                      &lt;ul id="yw4" class="dropdown-menu"&gt;
                          &lt;li&gt;
                              &lt;a tabindex="-1" href="index.php/site/contact"&gt;Contact Us&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;a tabindex="-1" href="index.php/user/profile/changepassword"&gt;Change password&lt;/a&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
     &lt;/div&gt;
   &lt;/nav&gt;
   &lt;div id="content"&gt;
       fill vertical space
   &lt;/div&gt;
  </code></pre>
  
  <p>I need to fill remaining space, not logo/brand problem.</p>