1

我继承了一个项目，该项目在整个表中都使用了 Bootstrap“跨度”类。

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

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

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

4

3 回答 3

10

没错，但是有一种更有效的方法可以在表格中设置列宽。<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>
于 2013-09-10T12:41:17.637 回答
2

标记是完全有效的。它们实际上不是跨度元素，只是 CSS 样式。碰巧 CSS 样式符合开发人员的要求。但是，这些可能会更改未来的版本并导致意外的影响 - 因此不建议这样做。

于 2013-09-10T12:36:39.573 回答
0

In Bootstrap 2.x, you can set the spans just in the thead th elements, rather than for each row. 

<table class="table">
  <thead>
    <tr>
      <th class="span6">Words</th>
      <th class="span3">More Words</th>
      <th class="span3">Year</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Hello</td>
      <td>World</td>
      <td>2013</td>
    </tr>
    <tr>
      <td>Hello</td>
      <td>World</td>
      <td>2014</td>
    </tr>
    ...
  </tbody>
</table>

For Bootstrap 3.x, replace spanX with col-sm-X

于 2014-08-25T16:13:39.917 回答