title: Making wide table fit bootstrap container
body: <p>I have a table like so:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container"&gt;
  &lt;div class="panel-body"&gt;
    &lt;div class="table-responsive"&gt;
      &lt;table class="table table-bordered table-hover table-striped"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                   &lt;th class="col-md-1"&gt;Id&lt;/th&gt;
                   &lt;th class="col-md-1"&gt;Enabled&lt;/th&gt;
                   &lt;th class="col-md-1"&gt;Shortcode&lt;/th&gt;
                   &lt;th class="col-md-1"&gt;Keyword&lt;/th&gt;
                   &lt;th class="col-md-1"&gt;Session Based&lt;/th&gt;
                   &lt;th class="col-md-1"&gt;Application SMS Endpoint&lt;/th&gt;
                   &lt;th class="col-md-2"&gt;Application MMS Endpoint&lt;/th&gt;
                   &lt;th class="col-md-2"&gt;Date From&lt;/th&gt;
                   &lt;th class="col-md-2"&gt;Date To&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;1502&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;*&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://google.com/sms&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;10 March 2014 19:04:15&lt;/td&gt;
                  &lt;td&gt;01 January 2100 00:00:00&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1212&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;*&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://somewhere.local:8080/&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;06 March 2014 14:00:12&lt;/td&gt;
                  &lt;td&gt;04 March 2034 15:20:05&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1023&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;*&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://www.google.com/sms&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;26 February 2014 16:35:52&lt;/td&gt;
                  &lt;td&gt;01 January 2100 00:00:00&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1464&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;00LONG&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;10 March 2014 07:19:19&lt;/td&gt;
                  &lt;td&gt;10 March 2034 07:19:19&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1450&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;10&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;10 March 2014 04:25:29&lt;/td&gt;
                  &lt;td&gt;10 March 2034 04:25:29&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1384&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;7&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;07 March 2014 04:25:40&lt;/td&gt;
                  &lt;td&gt;07 March 2034 04:25:40&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1397&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;AB&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;07 March 2014 08:39:20&lt;/td&gt;
                  &lt;td&gt;07 March 2034 08:39:20&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1393&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;ABRANTEE&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;07 March 2014 06:59:16&lt;/td&gt;
                  &lt;td&gt;07 March 2034 06:59:16&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1446&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;BREAKFAST&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;08 March 2014 12:03:46&lt;/td&gt;
                  &lt;td&gt;08 March 2034 12:03:46&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1514&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;CAMPAIGN&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;11 March 2014 04:31:50&lt;/td&gt;
                  &lt;td&gt;11 March 2034 04:31:50&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1515&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;CAMPAIGN1&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;11 March 2014 04:47:27&lt;/td&gt;
                  &lt;td&gt;11 March 2034 04:47:27&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1472&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;D&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;10 March 2014 08:26:27&lt;/td&gt;
                  &lt;td&gt;10 March 2034 08:26:27&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1410&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;GJGJTY&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;07 March 2014 10:00:34&lt;/td&gt;
                  &lt;td&gt;07 March 2034 10:00:34&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1390&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;JYJYTJY&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;07 March 2014 05:19:42&lt;/td&gt;
                  &lt;td&gt;07 March 2034 05:19:42&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1322&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;LONGCODE&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;06 March 2014 09:28:39&lt;/td&gt;
                  &lt;td&gt;06 March 2034 09:28:39&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1471&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;LONGCODETHIRTYCAHRACTERKEYWORD&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;10 March 2014 08:26:27&lt;/td&gt;
                  &lt;td&gt;10 March 2034 08:26:27&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1319&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;MARV&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;06 March 2014 08:46:53&lt;/td&gt;
                  &lt;td&gt;06 March 2034 08:46:53&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1503&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;MUM&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://www.ff.com/sms&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;10 March 2014 19:16:52&lt;/td&gt;
                  &lt;td&gt;17 March 2014 19:16:52&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1447&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;R&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;08 March 2014 12:03:46&lt;/td&gt;
                  &lt;td&gt;08 March 2034 12:03:46&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1281&lt;/td&gt;
                  &lt;td&gt;True&lt;/td&gt;
                  &lt;td&gt;+44123456789&lt;/td&gt;
                  &lt;td&gt;S2&lt;/td&gt;
                  &lt;td&gt;False&lt;/td&gt;
                  &lt;td&gt;http://ggole.com&lt;/td&gt;
                  &lt;td&gt;NOTUSED&lt;/td&gt;
                  &lt;td&gt;06 March 2014 05:31:51&lt;/td&gt;
                  &lt;td&gt;06 March 2034 05:31:51&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When no CSS is applied it auto widths to be 1400px or so. I have found for Twitter Bootstrap  I need to apply <code>width: auto !important</code> for it to not be 100% width by default however my table still goes outside the parent container. I have tried to apply column widths using <code>col-md-1</code> attributes but doesn't seem to make much difference</p>
  
  <p>I have found if you apply <code>table-layout:fixed</code> to a table it will conform to a defined width.</p>
  
  <p>My table is in a <code>&lt;div class="table-responsive"&gt;</code> so should I set a style for my table as <code>width:90%</code> to try and make it fit within the parent container?</p>
  
  <p>I'm just wondering if there is a known solution to solve the problem of having a very wide table with Bootstrap fitting the parent container width?</p>
  
  <p>Thanks</p>