引導程序與容器匹配表寬度

Question

如何將桌子的寬度與其容器匹配？ 沒有任何CSS更改，我的表就會溢出並且比其容器寬得多。

JSFiddle示例： http : //jsfiddle.net/Tet8L/

當我將寬度設置為auto時，得到的表只填充了部分容器。

.table {
  width: auto; (or fixed or none)
}

JSFiddle示例： http : //jsfiddle.net/DDnSL/

有沒有辦法讓我的桌子自動填充整個容器？

Answer 1

在你的HTML中

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

更改為

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

工作實例

更新：

忘了我剛剛寫的內容，只是擺脫.container div，因為您的代碼中已經有一個.container div。 我只是看了一下Bootstrap文檔，他們說，

默認情況下，容器不可嵌套

Bootstrap Docs（容器）

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

更新示例