javascript - Bootstrap 匹配表格宽度与容器

Question

如何使表格的宽度与其容器相匹配？没有任何 css 更改，我的表溢出并且比它的容器宽得多。

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

当我将宽度设置为自动时，我得到的表格只填充了容器的一部分。

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

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

有没有办法让我的 table 自动填满整个容器？<​​/p>

Answer 1

在你的html中你有

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

将此更改为

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

Working Example

更新:

忘记我刚才写的，把.container div 去掉，因为你的代码中已经有一个.container div。我刚刚看了看 Bootstrap 文档，他们说，

containers are not nestable by default

Bootstrap Docs (containers)

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

Updated Example