引导表使一列成为行的全宽答案

【问题标题】：Bootstrap table make one column the full width of the row引导表使一列成为行的全宽
【发布时间】：2019-08-31 12:24:06
【问题描述】：

假设我在引导程序中有下表：

<table class="table table-bordered">
  <tr><th>Title</th></tr> 
  <tr>
    <th>Heading</th>
    <td>Value</td>
  </tr> 
</table>

我想确保 Title 列的全宽，这意味着 Heading 和 Value 列组合的大小，或者换句话说，整行的大小。

我已经尝试过了，但没有任何运气：

<tr><th style="width: 100%">Title</th></tr>

如何确保Title 不是普通列的大小，而是整行的大小？

【问题讨论】：

【解决方案1】：

只需使用colspan 属性，如下所示：

<table class="table table-bordered">
  <tr>
     <th colspan=“2”>Title</th>
  </tr>
  <tr>
    <th>Heading</th>
    <td>Value</td>
  </tr> 
</table>

【讨论】：