Bootstrap Matching Table Width With Container

How can I match my table's width with its container? Without any css changes, my table overflows and is much wider than its container. JSFiddle example: http://jsfiddle.net/Tet8L/

Solution 1:

In your html you have

<divclass="starter-template"><divclass="container">
         ...
     </div></div>

Change this to

<divclass="starter-template"><divclass="container-fluid">
         ...
     </div></div>

Working Example

UPDATE:

Forget what I just wrote, just get rid of the .container div, because you already have a .container div in your code. I just had a look at the Bootstrap docs and they say,

containers are not nestable by default

Bootstrap Docs (containers)

<divclass="starter-template"><div>
         ...
     </div></div>

Updated Example