Header Colors
<tr class="success info warning danger">
| # | First Name |
.primary
|
|---|---|---|
| 1 | Mark | Cell |
| 2 | Jacob | Cell |
| 3 | Larry | Cell |
| 4 | Sussy | Cell |
| # | First Name |
.success
|
|---|---|---|
| 1 | Mark | Cell |
| 2 | Jacob | Cell |
| 3 | Larry | Cell |
| 4 | Sussy | Cell |
| # | First Name |
.info
|
|---|---|---|
| 1 | Mark | Cell |
| 2 | Jacob | Cell |
| 3 | Larry | Cell |
| 4 | Sussy | Cell |
| # | First Name |
.warning
|
|---|---|---|
| 1 | Mark | Cell |
| 2 | Jacob | Cell |
| 3 | Larry | Cell |
| 4 | Sussy | Cell |
| # | First Name |
.danger
|
|---|---|---|
| 1 | Mark | Cell |
| 2 | Jacob | Cell |
| 3 | Larry | Cell |
| 4 | Sussy | Cell |
| # | First Name |
.alert
|
|---|---|---|
| 1 | Mark | Cell |
| 2 | Jacob | Cell |
| 3 | Larry | Cell |
| 4 | Sussy | Cell |
| # | First Name |
.system
|
|---|---|---|
| 1 | Mark | Cell |
| 2 | Jacob | Cell |
| 3 | Larry | Cell |
| 4 | Sussy | Cell |
| # | First Name |
.dark
|
|---|---|---|
| 1 | Mark | Cell |
| 2 | Jacob | Cell |
| 3 | Larry | Cell |
| 4 | Sussy | Cell |
Basic Table
.table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Sussy | Watcher | @thehawk |
On-Hover Table
.table .table-hover
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Sussy | Watcher | @thehawk |
Responsive Table
.table .table-responsive
| # | Table heading | Table heading | Table heading | Table heading | Table heading |
|---|---|---|---|---|---|
| 1 | Table cell | Table cell | Table cell | Table cell | Table cell |
| 2 | Table cell | Table cell | Table cell | Table cell | Table cell |
| 3 | Table cell | Table cell | Table cell | Table cell | Table cell |
| 4 | Table cell | Table cell | Table cell | Table cell | Table cell |
Striped Table
.table .table-striped
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Sussy | Watcher | @thehawk |
Condensed Table
.table .table-condensed
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Todd | the Lion | @rawr |
| 5 | Cynthia | the Dino | @mewo |
Bordered Table
.table .table-bordered
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Sussy | Watcher | @thehawk |
Colored Table
<tr class="success info etc">
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Sussy | Watcher | @thehawk |
| 3 | Larry | the Bird | |
| 4 | Sussy | Watcher | @thehawk |
| 4 | Sussy | Watcher | @thehawk |
| 4 | Sussy | Watcher | @thehawk |