title: Bootstrap 3 - Scrollable content div
body: <p>I'm using Bootstrap 3 and I'm trying to make a scrollable content DIV.
  I have a grid with a left side navigation and a top bar and in the
  middle I have the content that should be scrollable.</p>
  
  <p>It works when I use a fixed height on the content div...but I want
  to use 100% instead.</p>
  
  <pre><code>&lt;div  class="col-lg-12 col-md-12 col-sm-12" style="height:100%;overflow-y:auto;"&gt;
  some content...
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>html,body
  {
   height:100%;
   overflow:hidden;
  }
  </code></pre>
  
  <p>How could I get this to work with height:100%;</p>
  
  <p>Thanks!</p>