title: Bootstrap Horizontal Scrollable Table
body: <p>I have been struggling with this for a while now. I have a table in bootstrap that if it gets to wide I would like to make it scrollable so they can at least scroll to see the information. </p>
  
  <p>My html is pretty simple just a table within a box</p>
  
  <pre><code>&lt;div class='box'&gt;
    &lt;div class='box-header'&gt;
      &lt;h4&gt;Title&lt;/h4&gt;
    &lt;/div&gt;
    &lt;div class='box-content'&gt;
      &lt;table&gt;
      &lt;!--Table Stuff--&gt;
      &lt;/table&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and I have tries the usual of setting a <code>width</code> and then an <code>overflow-x:scroll;</code> like so</p>
  
  <pre><code>table{
   width:100px;
   max-width:100px;
   overflow-x:scroll;
  }
  </code></pre>
  
  <p>but nothing seems to work.</p>
  
  <p>I have a jsFiddle set up here. <a href="http://jsfiddle.net/AHyuF/3/" rel="noreferrer">http://jsfiddle.net/AHyuF/3/</a></p>
  
  <p>Any help would be much, much appreciated!</p>