Bootstrap Contextual classes

Class             Description
.active            Applies the hover color to a particular row or cell
.success          Indicates a successful or positive action
.warning          Indicates a warning that might need attention
.danger           Indicates a dangerous or potentially negative action


These classes can be applied to <tr>, <td> or <th>.

<table class="table"> <caption>Contextual Table Layout</caption> <thead> <tr> <th>Name</th> <th>Address</th> <th>Phone</th> </tr> </thead> <tbody> <tr> <td>Sopan</td> <td>Bangalore</td> <td>8542314</td> </tr> <tr> <td>Mister</td> <td>Kolkata</td> <td>9845671</td> </tr> <tr> <td>Thyag</td> <td>chenni</td> <td>4597125</td> </tr> </tbody> </table>

• Responsive tables

<div class="table-responsive"> <table class="table"> <caption>Responsive Table Layout</caption> <thead> <tr> <th>Name</th> <th>Address</th> <th>Phone</th> </tr> </thead> <tbody> <tr> <td>Sopan</td> <td>Bangalore</td> <td>8542314</td> </tr> <tr> <td>Mister</td> <td>Kolkata</td> <td>9845671</td> </tr> <tr> <td>Thyag</td> <td>chenni</td> <td>4597125</td> </tr> </tbody> </table> </div>