title: Scrollable tab content with Bootstrap
body: <p>Within a fixed-height container, I'd like to make the tab content scroll, leaving the tabs at the top. </p>
  
  <pre><code>&lt;div class="bs-example bs-example-tabs" style="height: 200px; border: 1px solid black"&gt;
  
      &lt;ul id="myTab" class="nav nav-tabs"&gt;
          ...     
      &lt;/ul&gt;
  
      &lt;div id="myTabContent" class="tab-content"&gt;
          This is long and must scroll, tabs must stay on top
          ....
      &lt;/div&gt;
  
  &lt;/div&gt;   
  </code></pre>
  
  <p>See <a href="http://jsfiddle.net/graemian/Wxr9d/3/" rel="nofollow">http://jsfiddle.net/graemian/Wxr9d/3/</a> </p>
  
  <p>I've found a solution using the flex layout:</p>
  
  <p><a href="http://jsfiddle.net/graemian/wefPL/1/" rel="nofollow">http://jsfiddle.net/graemian/wefPL/1/</a></p>
  
  <p>(Chrome-only), but surely there is another, simpler way?</p>