动态Bootstrap表列：每列的宽度相同（没有Java脚本）

Question

我有一个具有动态列数的表，我正在寻找使用html / css / Bootstrap而不是Java Script的解决方案。

• 表格应使用宽度的100％（父容器）。
• 表中的每一列应以相同的宽度显示（3列= 33％，4列= 25％，...）。
• 结果应类似于http://jsfiddle.net/La1xbzvm/，但没有硬编码样式<th style="width: 33%">

Answer 1

您可以使用table-layout属性（https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout）来获得大小相等的列。

table {
  table-layout: fixed;
  width: 100%;
}

示例：https://jsfiddle.net/powf8vyj/