title: Bootstrap table tbody scroll
body: <p>I'm trying to customize my bootstrap table. If the table height is larger than a certain height I want the <code>&lt;tbody&gt;</code> to scroll without scrolling the rest of the table. I have tried pretty much everything I can think of but the table wont even change sizes.</p>
  
  <p>Does anyone know what classes I need to modify to fix this? Here's the elements I use in my table:</p>
  
  <pre><code>&lt;div class="table-responsive"&gt;
  &lt;table class="table table-condensed"&gt;
      &lt;colgroup&gt;
          &lt;col class="col-xs-1"/&gt;
          &lt;col class="col-xs-1"/&gt;
      &lt;/colgroup&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;&lt;/th&gt;
              &lt;th&gt;&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And <a href="http://jsfiddle.net/7TkyE/" rel="nofollow">here's a jsFiddle</a>.</p>