1826 Locust Street, Bainbridge, GA 31717 +1 (212) 269-1000 support@example.com

Tables

Documentation and examples for opt-in styling of tables (given their prevalent use in JavaScript plugins) with Bootstrap.

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

Table head options

Similar to tables and dark tables, use the modifier classes .thead-dark to make s appear dark gray.

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

Table head options

Similar to tables and dark tables, use the modifier classes .thead-light to make s appear light gray.

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

Striped rows

Use .table-striped to add zebra-striping to any table row within the <tbody>.

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

Bordered table

Add .table-bordered for borders on all sides of the table and cells.

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

Borderless table

Add .table-borderless for a table without borders.

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

Hoverable rows

Add .table-hover to enable a hover state on table rows within a <tbody>.

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

Contextual classes

Use contextual classes to color table rows or individual cells.

# Class Heading Heading
1 Active Cell Cell
2 Default Cell Cell
3 Primary Cell Cell
4 Secondary Cell Cell
5 Success Cell Cell
6 Danger Cell Cell
7 Warning Cell Cell
8 Info Cell Cell
9 Light Cell Cell
10 Dark Cell Cell
Footer Logo

We're on a mission to build a better future where technology creates good jobs for everyone.

Contact Info
25 Bedford St. New York City, N.Y.
(888) 888-1234
support@example.com