Table Layout Coloured

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