Header Colors
tr.table-primary
# First Name .table-primary
1 Mark Otto
2 Jacob Thornton
3 Larry Bird
# First Name .table-secondary
1 Mark Otto
2 Jacob Thornton
3 Larry Bird
# First Name .table-success
1 Mark Otto
2 Jacob Thornton
3 Larry Bird
# First Name .table-danger
1 Mark Otto
2 Jacob Thornton
3 Larry Bird
# First Name .table-danger
1 Mark Otto
2 Jacob Thornton
3 Larry Bird
# First Name .table-info
1 Mark Otto
2 Jacob Thornton
3 Larry Bird
# First Name .table-light
1 Mark Otto
2 Jacob Thornton
3 Larry Bird
# First Name .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
Option 1Option 2Option 3
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
Right Sidebar Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce volutpat ac tortor eu viverra. Etiam ipsum neque, fermentum quis sagittis nec, hendrerit id diam. Mauris a tincidunt odio. Sed porttitor ex pulvinar, tristique sapien sed, malesuada nunc.