Color Tables

Primary Table

To use add class `.table-primary .text-white` in the `<thead>`.

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Success Table

To use add class `.table-success .text-white` in the `<thead>`.

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Info Table

To use add class `.table-info .text-whit` in the `<thead>`.

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Warning Table

To use add class `.table-warning .text-white` in the `<thead>`.

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Danger Table

To use add class `.table-danger .text-white` in the `<thead>`.

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Inverse Table

To use add class `.table-primary .text-white` in the `<thead>`.

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Primary Table

To use add class `.table-primary .text-white` in the `<thead>` and add class `.border .border-primary` in `<tbody>`

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Success Table

To use add class `.table-success .text-white` in the `<thead>` and add class `.border .border-success` in `<tbody>`

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Info Table

To use add class `.table-info .text-white` in the `<thead>` and add class `.border .border-info` in `<tbody>`

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Warning Table

To use add class `.table-warning .text-white` in the `<thead>` and add class `.border .border-warning` in `<tbody>`

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Danger Table

To use add class `.table-danger .text-white` in the `<thead>` and add class `.border .border-danger` in `<tbody>`

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Inverse Table

To use add class `.table-dark .text-white` in the `<thead>` and add class `.border .border-dark` in `<tbody>`

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Primary Table

To use add class in the table `.table-hover .table-primary` and add class `.table-primary` in the `<thead>`.

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

Success Table

To use add class in the table `.table-hover .table-success` and add class `.table-success` in the `<thead>`.

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

Info Table

To use add class in the table `.table-hover .table-info` and add class `.table-info` in the `<thead>`.

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

Warning Table

To use add class in the table `.table-hover .table-warning` and add class `.table-warning` in the `<thead>`.

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

Danger Table

To use add class in the table `.table-hover .table-danger` and add class `.table-danger` in the `<thead>`.

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

Inverse Table

To use add class in the table `.table-hover .table-dark` and add class `.table-dark` in the `<thead>`.

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