Demonstration of Bootstrap

This page demonstrate the Bootstrap styling of Tables.

Basic Table

The .table class adds basic styling (light padding and only horizontal dividers) to a table:

Firstname Lastname Email
Henrik Høltzer heho@easj.dk
Anders Børjesson anbo@easj.dk
Ebbe Vang ebva@easj.dk

Striped Rows

The .table-striped class adds zebra-stripes to a table:

Firstname Lastname Email
Henrik Høltzer heho@easj.dk
Anders Børjesson anbo@easj.dk
Ebbe Vang ebva@easj.dk

Bordered Table and Hover Rows

The .table-bordered class adds borders to a table

The .table-hover class enables a hover state on table rows

Firstname Lastname Email
Henrik Høltzer heho@easj.dk
Anders Børjesson anbo@easj.dk
Ebbe Vang ebva@easj.dk

Contextual Classes

Contextual classes can be used to color table rows or table cells. The classes that can be used are: .active, .success, .info, .warning, and .danger.

Firstname Lastname Email
Henrik Høltzer heho@easj.dk
Anders Børjesson anbo@easj.dk
Ebbe Vang ebva@easj.dk