Header Colors

tr.table-primary
# First Name Name-bg .table-primary
1 Mark Otto
2 Jacob Thornton
3 Larry Bird
# First Name Name-bg .table-secondary
1 Mark Otto
2 Jacob Thornton
3 Larry Bird
# First Name Name-bg .table-success
1 Mark Otto
2 Jacob Thornton
3 Larry Bird
# First Name Name-bg .table-danger
1 Mark Otto
2 Jacob Thornton
3 Larry Bird
# First Name Name-bg .table-danger
1 Mark Otto
2 Jacob Thornton
3 Larry Bird
# First Name Name-bg .table-info
1 Mark Otto
2 Jacob Thornton
3 Larry Bird
# First Name Name-bg .table-light
1 Mark Otto
2 Jacob Thornton
3 Larry Bird
# First Name Name-bg .table-dark
1 Mark Otto
2 Jacob Thornton
3 Larry Bird

Base Table

.table
# First Name Last Name Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry Bird @twitter

Base Table Dark

.table.table-dark
# First Name Last Name Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry Bird @twitter

Striped rows

.table.table-striped
# First Name Last Name Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry Bird @twitter

Striped rows dark

.table.table-striped.table-dark
# First Name Last Name Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry Bird @twitter

Bordered table

.table.table-bordered
# First Name Last Name Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry Bird @twitter

Bordered table dark

.table.table-bordered.table-dark
# First Name Last Name Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry Bird @twitter

Borderless table

.table.table-borderless
# First Name Last Name Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry Bird @twitter

Borderless table dark

.table.table-borderless.table-dark
# First Name Last Name Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry Bird @twitter

Hoverable rows

.table.table-hover
# First Name Last Name Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry Bird @twitter

Hoverable rows dark

.table.table-hover.table-dark
# First Name Last Name Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry Bird @twitter

Contextual classes

tr.table-primary
Class Heading Heading
Active Cell Cell
Default Cell Cell
Primary Cell Cell
Secondary Cell Cell
Success Cell Cell
Danger Cell Cell
Warning Cell Cell
Info Cell Cell
Light Cell Cell
Dark Cell Cell

Preformatted Row Content

1 Lorem ipsum dolor sit amet, adipiscing eli
2 Lorem ipsum dolor sit amet, adipiscing eli
3 Lorem ipsum dolor sit amet, adipiscing eli
4 Lorem ipsum dolor sit amet, adipiscing eli
6 Lorem ipsum dolor sit amet, adipiscing eli
7 Lorem ipsum dolor sit amet, adipiscing eli
9 Lorem ipsum dolor sit amet, adipiscing eli
10 Lorem ipsum dolor sit amet, adipiscing eli
11 Lorem ipsum dolor sit amet, adipiscing eli
12 Lorem ipsum dolor sit amet, adipiscing eli
8
Primary
13 Lorem ipsum dolor sit amet, adipiscing eli
14 Lorem ipsum dolor sit amet, adipiscing eli
Template Panel