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 |
Colored Table
| 1. | Body | Widget |
|---|---|---|
| 1. | Lorem ipsum dolor sit amet, adipiscing eli | |
| 2. | Lorem ipsum dolor sit amet tulac beyond raytas | |
| 3. | Lorem ipsum dolor sit amet, consectetur adipiscing | |
| 4. | Lorem ipsum dolor sit amet, consectetur adipiscing eli | |
| 4. | Lorem ipsum dolor sit amet, consectetur adipiscing eli | 45 17 26 |
| 5. | Lorem ipsum dolor sit amet, consectetur | |
| 4. | Lorem ipsum dolor sit amet, consectetur adipiscing eli | |
| 4. | Lorem ipsum dolor sit amet, consectetur adipiscing eli | 1,4,4,7,5,9,10 |
| 4. | Lorem ipsum dolor sit amet, consectetur adipiscing eli | |
| 4. | Lorem ipsum dolor sit amet, consectetur adipiscing eli | 1,1,1 1,1,2 |
| 4. | Lorem ipsum dolor sit amet, consectetur adipiscing eli | |
| 4. | Lorem ipsum dolor sit amet, consectetur adipiscing eli |
|
| 4. | Lorem ipsum dolor sit amet, consectetur adipiscing eli |
|
| 4. | Lorem ipsum dolor sit amet, consectetur adipiscing eli | |
| 4. | Lorem ipsum dolor sit amet, consectetur adipiscing eli | 8 Urgent |
| 4. | Lorem ipsum dolor sit amet, consectetur adipiscing eli | |
| 4. | Lorem ipsum dolor sit amet, consectetur adipiscing eli |