Tables
Documentation and examples for opt-in styling of tables (given their prevalent use in JavaScript plugins) with Bootstrap.
Examples
Due to the widespread use of tables across third-party widgets like calendars and date pickers,
we’ve designed Bootstrap's tables to be opt-in. Just add the base class .table to any table,
then extend with custom styles or Bootstrap's various included modifier classes.
.table.primary
| th .highlight | th |
|---|---|
| td .highlight | td |
.table.secondary
| th .highlight | th |
|---|---|
| td .highlight | td |
.table.red
| th .highlight | th |
|---|---|
| td .highlight | td |
.table.green
| th .highlight | th |
|---|---|
| td .highlight | td |
.table.blue
| th .highlight | th |
|---|---|
| td .highlight | td |
.table.yellow
| th .highlight | th |
|---|---|
| td .highlight | td |
.table.white
| th .highlight | th |
|---|---|
| td .highlight | td |
.table.black
| th .highlight | th |
|---|---|
| td .highlight | td |
Table of contents
.table-of-contents.primary
.table-of-contents.secondary
.table-of-contents.red
.table-of-contents.green
.table-of-contents.blue
.table-of-contents.yellow
.table-of-contents .white
.table-of-contents .black