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

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

Change this to

<div class="starter-template">
     <div class="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)

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

Updated Example