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.


Adds zebra-stripes to a table


Adds borders on all sides of the table and cells


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


Makes a table more compact by reducing cell padding in half


Creates a responsive table

Contextual classes

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

  • .active
  • .success
  • .info
  • .warning 
  • .danger
Star InactiveStar InactiveStar InactiveStar InactiveStar Inactive