title: Cant Get Bootstrap Table To Resize
body: <p>Im trying to get a bootstrap table to resize so that the maximum content height is 200px and anything greater will scroll.</p>
  
  <p>I have the css for the table set to:</p>
  
  <pre><code>table.jSpeeds tr:hover, table.jSpeeds tr td:hover{
    cursor:pointer;
  }
  
  table.table-fixed thead {
    width: 97%;
  }
  table.table-fixed tbody {
    height: 230px;
    overflow-y: auto;
    width: 100%;
  }
  </code></pre>
  
  <p>&amp; HTML:</p>
  
  <pre><code>&lt;table class="table table-striped jSpeeds table-fixed"&gt;
      &lt;thead&gt;
        &lt;tr&gt;&lt;th&gt;Time&lt;/th&gt;&lt;th&gt;Speed&lt;/th&gt;&lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;&lt;td&gt;TestRow&lt;/td&gt;&lt;td&gt;TestVal&lt;/td&gt;&lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>However the table is still the height and width of the page. I was wondering if anyone could help.</p>
  
  <p><a href="http://jsbin.com/libuyukebi/" rel="nofollow">Please see the JSBin example here</a></p>
  
  <p>Thanks.</p>