Colored Layout
THIS MONTH
$58,356
LAST MONTH
$48,356
Primary Table
To use add class .bg-primary .text-whitein 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-whitein 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-whitin 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-whitein 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-whitein 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-whitein 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-whitein the <thead>and add class .border .border-primaryin <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-whitein the <thead>and add class .border .border-successin <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-whitein the <thead>and add class .border .border-infoin <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-whitein the <thead>and add class .border .border-warningin <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-whitein the <thead>and add class .border .border-dangerin <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-whitein the <thead>and add class .border .border-darkin <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-primaryand add class .bg-primary .text-whitein the <thead>.
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
Success Table
To use add class in the table .table-hover .table-successand add class .bg-success .text-whitein the <thead>.
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
Info Table
To use add class in the table .table-hover .table-infoand add class .bg-info .text-whitein the <thead>.
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
Warning Table
To use add class in the table .table-hover .table-warningand add class .bg-warning .text-whitein the <thead>.
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
Danger Table
To use add class in the table .table-hover .table-dangerand add class .bg-danger .text-whitein the <thead>.
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
Inverse Table
To use add class in the table .table-hover .table-darkand add class .bg-dark .text-whitein the <thead>.
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||