Tables
Use tables to display data you wish to compare and contrast.
Table Builder
You may style your tables with any combination of the attributes below. Use tables only for tabular data, and not as faux columns. If you need them, use columns to divide your box, instead.
Accent Your Data With Colors
By adding a color class to any table row <tr> or table data <td> element, you can change
the background color and make better meaning for you users. Accent colors include: .active (grey), .success (green), .info (blue), .warning (yellow), .danger (red).
| Accent Colors |
|---|
| active |
| info |
| success |
| warning |
| danger |
<table class='table'>
<thead>
<tr>
<th>Accent Colors</th>
</tr>
</thead>
<tbody>
<tr class="active">
<td>active</td>
</tr>
<tr class="info">
<td>info</td>
</tr>
<tr class="success">
<td>success</td>
</tr>
<tr class="warning">
<td>warning</td>
</tr>
<tr class="danger">
<td>danger</td>
</tr>
</tbody>
</table>