How To Format Tables Using Bootstrap

Bootstrap provides a nice and clean layout for building tables.

If you want some light padding and horizontal dividers, add the base class: .table

Along with the base table class, you can use additional classes to style the table.

.table-striped

Adds zebra-stripes to a table

.table-bordered

Adds borders on all sides of the table and cells

.table-hover

Adds a hover effect (grey background color) on table rows

.table-condensed

Makes a table more compact by reducing cell padding in half

.table-responsive

Creates a responsive table

Contextual classes can be used to color table rows (<tr> or <th>) or table cells (<td>).