css - Twitter Bootstrap 跨度类是否适合设置表格列宽？

Question

我继承了一个元素，该元素在整个表格中使用了 Bootstrap“span”类。

下面的标记是否有效？如果不是，为什么？

<table class="table">
  <tr>
    <td class="span6">Hello</td>
    <td class="span3">World</td>
    <td class="span3">2013</td>
  </tr>
</table>

我觉得这不是使用 Bootstrap 设置列宽的正确方法。

Answer 1

这不是错误，但有一种更有效的方法来设置表格中的列宽。而不是在每个 <td/> 上设置类，您可以使用表的 <colgroup/>标签。它专为格式化表格列而设计。

<table class="table">
  <colgroup>
    <col class="span6" />
    <col class="span3" />
    <col class="span3" />
  </colgroup>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  ...
</table>