title: Bootstrap Responsive Table Not Acting Responsive
body: <p>Can you please take a look at this link (Please scroll down to the end of page )and let me know why"<br />
  1- Table is not actinf responsive?
  2- I want able to control <code>&lt;td&gt;</code> widths by using <code>col-md-3</code> and  <code>col-lg-3</code> does this works in table as well?</p>
  
  <p>Here is the code I have:</p>
  
  <pre><code>&lt;div class="col-md-offset-1  col-lg-offset-1 col-md-6    col-lg-6"&gt;
  &lt;table class="table table-hover table-responsive"&gt;
  &lt;tbody&gt;
  &lt;tr&gt;
  &lt;td width="174"&gt;&lt;strong&gt;7:30 – 8:45 a.m.&lt;/strong&gt;&lt;/td&gt;
  &lt;td&gt;Arrival / Health CheckFree Choice in Activity Areas, books, puzzles, matching games, large block building, small blocks, floor toys, Lego, trucks and car play.&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;strong&gt;8:45 – 9:00 a.m.&lt;/strong&gt;&lt;/td&gt;
  &lt;td&gt;Clean-up, toileting, wash up for snack&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;strong&gt;9:00 – 9:30 a.m.&lt;/strong&gt;&lt;/td&gt;
  &lt;td&gt;Morning snack&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;strong&gt;9:30 -10:00 a.m.&lt;/strong&gt;&lt;/td&gt;
  &lt;td&gt;Circle Time: Action songs, singing time, finger plays, hello songs, discussion of daily activities&lt;/td&gt;
  &lt;/tr&gt;
     &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>AS you can see I couldn't control the table size with <code>col-md-3</code> and  <code>col-lg-3</code>  so I wraped it in a div but the responsive is not working</p>