For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.
.table
<table>
<table class="table"> …</table>
Add any of the following classes to the .table base class.
.table-striped
Add zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-8).
<tbody>
:nth-child
<table class="table table-striped"> …</table>
.table-bordered
Add borders and rounded corners to the table.
<table class="table table-bordered"> …</table>
.table-hover
Enable a hover state on table rows within a <tbody>.
<table class="table table-hover"> …</table>
.table-condensed
Make tables more compact by cutting cell padding in half.
<table class="table table-condensed"> …</table>
Use contextual classes to color table rows.
.success
.error
.warning
.info
... <tr class="success"> <td>1</td> <td>TB - Monthly</td> <td>01/04/2012</td> <td>Approved</td> </tr>...
List of supported table HTML elements and how they should be used.
<thead>
<tr>
<td>
<th>
<caption>
<table> <caption>...</caption> <thead> <tr> <th>...</th> <th>...</th> </tr> </thead> <tbody> <tr> <td>...</td> <td>...</td> </tr> </tbody></table>