Basic Table

use class table inside table element

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Inverse Table

use class table-inverse inside table element

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Hover Table

use class table-hover inside table element

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Dark Table

use class table-dark inside table element

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Striped Table

use class table-striped inside table element

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

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	@twitter
4	Larry	the Bird	@twitter
5	Larry	the Bird	@twitter
6	Larry	the Bird	@twitter
7	Larry	the Bird	@twitter
8	Larry	the Bird	@twitter
9	Larry	the Bird	@twitter

Background Utilities

Regular table background variants are not available with the inverse table, however, you may use text or background utilities to achieve similar styles.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter
4	Larry	the Bird	@twitter
5	Larry	the Bird	@twitter
6	Larry	the Bird	@twitter
7	Larry	the Bird	@twitter
8	Larry	the Bird	@twitter
9	Larry	the Bird	@twitter

Bootstrap Basic Tables