转载

Bootstrap 设置颜色

状态类

通过这些状态类可以为行或单元格设置颜色。

下表中所列出的上下文类允许您改变表格行或单个单元格的背景颜色。

Class	描述
`.active`	鼠标悬停在行或单元格上时所设置的颜色
`.success`	标识成功或积极的动作
`.info`	标识普通的提示信息或动作
`.warning`	标识警告或需要用户注意
`.danger`	标识危险或潜在的带来负面影响的动作

这些类可被应用到 <tr>、<td> 或 <th>。

#	Column heading	Column heading	Column heading
1	Column content	Column content	Column content
2	Column content	Column content	Column content
3	Column content	Column content	Column content
4	Column content	Column content	Column content
5	Column content	Column content	Column content
6	Column content	Column content	Column content
7	Column content	Column content	Column content
8	Column content	Column content	Column content
9	Column content	Column content	Column content

 <!-- On rows --> <tr class="active">...</tr> <tr class="success">...</tr> <tr class="warning">...</tr> <tr class="danger">...</tr> <tr class="info">...</tr>  <!-- On cells (`td` or `th`) --> <tr>   <td class="active">...</td>   <td class="success">...</td>   <td class="warning">...</td>   <td class="danger">...</td>   <td class="info">...</td> </tr>