Bootstrap多状态表格

Bootstrap多状态表格中可以根据需要改变表格行或单个单元格的背景颜色，用以表示不同的状态。示例代码如下：

<table class="table">
<caption>上下文表格布局</caption>
<thead> <tr> <th>产品</th> <th>付款日期</th> <th>状态</th></tr> </thead>
<tbody>
<tr class="active"> <td>产品1</td> <td>23/11/2013</td> <td>待发货</td></tr>
<tr class="success"> <td>产品2</td> <td>10/11/2013</td> <td>发货中</td></tr>
<tr class="warning"> <td>产品3</td> <td>20/10/2013</td> <td>待确认</td></tr>
<tr class="danger"> <td>产品4</td> <td>20/10/2013</td> <td>已退货</td></tr>
</tbody>
</table>

效果如下所示：

Bootstrap多状态表格