我使用引导，并创建了一个表，我需要列分组在一起。有没有可以使用的引导选项？我愿意写自己的CSS来做，但是我宁愿不是内置自举的方式来做到这一点。
例如，在下表中，我希望具有一个颜色背景的当前列和新列有另一个。
<table>
<thead>
<tr>
<td></td>
<td colspan="2" style="text-align: center;">Current</td>
<td colspan="2" style="text-align: center;">New</td>
</tr>
<tr>
<th>ID</th>
<th>First Name</th>
<th>Last Name</th>
<th>Fisrt Name</th>
<th>Last Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>John</td>
<td>Bauer</td>
<td>Jack</td>
<td>Bauer</td>
</tr>
</tbody>
</table>
更新：我已经取得了一些我正在寻找使用colgroup和唉，自定义CSS(虽然不是很多)：http://jsfiddle.net/75v7W/4/
解决方法
我已经取得了一些我正在寻找使用colgroup和唉，自定义CSS(虽然不是很多)：
http://jsfiddle.net/75v7W/4/
注意：对于下面的背景颜色，我从bootstrap.css中的默认颜色从成功，错误等中提取出来。如果您已经定制了bootstrap.css，这些特定的颜色可能对您无效。
CSS
colgroup col.success {
background-color: #dff0d8;
}
colgroup col.error{
background-color: #f2dede;
}
colgroup col.warning {
background-color: #fcf8e3;
}
colgroup col.info {
background-color: #d9edf7;
表
<table class="table table-condensed">
<colgroup>
<col>
<col span="2" class="info">
<col span="2" class="success">
</colgroup>
<thead>
<tr>
<td></td>
<td colspan="2" style="text-align: center;">Current</td>
<td colspan="2" style="text-align: center;">New</td>
</tr>
<tr>
<th>ID</th>
<th>First Name</th>
<th>Last Name</th>
<th>Fisrt Name</th>
<th>Last Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>John</td>
<td>Bauer</td>
<td>Jack</td>
<td>Bauer</td>
</tr>
</tbody>
</table>