title: Bootstrap horizontal scrollable tab panel content
body: <p>I'm trying to figure out the horizontal version of <a href="https://stackoverflow.com/a/25298473/7835535">https://stackoverflow.com/a/25298473/7835535</a>. Instead of having the content scroll vertically, I want the content to scroll horizontally.</p>
  
  <p><a href="http://jsfiddle.net/f3p35v76" rel="nofollow noreferrer"> Fiddle taken from the original post</a></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>