Bootstrap Tables
lorem ipsum dolor sit amet, consectetur adipisicing elitBasic Table
use classtable inside table element
                                    | # | First Name | Last Name | Username | 
|---|---|---|---|
| 1 | Mark | Otto | @mdo | 
| 2 | Jacob | Thornton | @fat | 
| 3 | Larry | the Bird | 
Inverse Table
use classtable-inverse inside table element
                                    | # | First Name | Last Name | Username | 
|---|---|---|---|
| 1 | Mark | Otto | @mdo | 
| 2 | Jacob | Thornton | @fat | 
| 3 | Larry | the Bird | 
Hover Table
use classtable-hover inside table element
                                    | # | First Name | Last Name | Username | 
|---|---|---|---|
| 1 | Mark | Otto | @mdo | 
| 2 | Jacob | Thornton | @fat | 
| 3 | Larry | the Bird | 
Contextual Classes
For Make row Contextual add Contextual class like.table-success in  tr tag and For cell add Contextual class in  td or th tag . 
                                    | # | First Name | Last Name | Username | 
|---|---|---|---|
| 1 | Mark | Otto | @mdo | 
| 2 | Jacob | Thornton | @fat | 
| 3 | Larry | the Bird | |
| 4 | Larry | the Bird | |
| 5 | Larry | the Bird | |
| 6 | Larry | the Bird | |
| 7 | Larry | the Bird | |
| 8 | Larry | the Bird | |
| 9 | Larry | the Bird | 
Background Utilities
Regular table background variants are not available with the inverse table, however, you may usetext or background utilities to achieve similar styles.
                                    | # | First Name | Last Name | Username | 
|---|---|---|---|
| 1 | Mark | Otto | @mdo | 
| 2 | Jacob | Thornton | @fat | 
| 3 | Larry | the Bird | |
| 4 | Larry | the Bird | |
| 5 | Larry | the Bird | |
| 6 | Larry | the Bird | |
| 7 | Larry | the Bird | |
| 8 | Larry | the Bird | |
| 9 | Larry | the Bird | 
                                            