title: Bootstrap 3 two columns full height
body: <p>I'm trying to make a two-column <strong>full-height</strong> layout with Twitter Bootstrap 3. It seems that <strong>Twitter Bootstrap 3</strong> does not support full height layouts.
  What I want to do:</p>
  <pre><code>  +-------------------------------------------------+
    |                     Header                      |
    +------------+------------------------------------+
    |            |                                    |
    |            |                                    |
    |Navigation  |         Content                    |
    |            |                                    |
    |            |                                    |
    |            |                                    |
    |            |                                    |
    |            |                                    |
    |            |                                    |
    +------------+------------------------------------+
  </code></pre>
  <p>If the content grows, the <code>nav</code> should also grow.</p>
  <ul>
  <li>Height 100% for every parent doesn't work because there is the case where content is one line.</li>
  <li><code>position: absolute</code> seems to be the wrong way.</li>
  <li><code>display: table</code> and <code>display: table-cell</code> solves the problem, but not elegantly.</li>
  </ul>
  <h5>HTML:</h5>
  <pre><code>    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col-md-3&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;col-md-9&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  <p>Is there way to make it with default <strong>Twitter Bootstrap 3</strong> classes?</p>