title: Bootstrap scrollable tab panel content
body: <p>I'm wondering if I can make the content in my tab panel scrollable. I have tried a couple things but I don't get it sorted.</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="row"&gt;
      &lt;div class="panel panel-primary"&gt;
          &lt;div class="panel-heading"&gt;
              &lt;h3 class="panel-title"&gt;Title&lt;/h3&gt;
              &lt;span class="pull-right"&gt;
                  &lt;ul class="nav panel-tabs"&gt;
                      &lt;li class="active"&gt;&lt;a href="#tab1" data-toggle="tab"&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/span&gt;
          &lt;/div&gt;            
          &lt;div class="panel-body"&gt;
              &lt;div class="tab-content"&gt;
                  &lt;div class="tab-pane active" id="test"&gt;
                      CONTENT
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>Fiddle:</strong> <a href="http://jsfiddle.net/f3p35v76/" rel="nofollow noreferrer">http://jsfiddle.net/f3p35v76/</a></p>