Primary Table
To use add class .bg-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 .bg-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 .bg-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 .bg-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 .bg-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 .bg-inverse .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 .bg-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 .bg-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 .bg-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 .bg-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 .bg-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 .bg-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
.bg-primary .text-white 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
.bg-success .text-white 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
.bg-info .text-white 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
.bg-warning .text-white 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
.bg-danger .text-white 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
.bg-dark .text-white in the <thead>.
| # |
First |
Last |
Handle |
| 1 |
Mark |
Otto |
@mdo |
| 2 |
Jacob |
Thornton |
@fat |
| 3 |
Larry the Bird |
@twitter |