You can also invert the colors—with light text on dark backgrounds—with .table-dark.

You can also invert the colors—with dark text on light backgrounds—with .table-light.

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

Use .table-striped to add zebra-striping to any table row within the <tbody>. This styling doesn't work in IE8 and below as :nth-child CSS selector isn't supported.

Use .table-dark with .table-striped to add zebra-striping to any inverse table row within the <tbody>. This styling doesn't work in IE8 and below as :nth-child CSS selector isn't supported.

Add .table-bordered for borders on all sides of the table and cells. For Inverse Dark Table, add .table-dark along with .table-bordered.

Add .table-borderless for a table without borders. It can also be used on dark tables.

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

Use contextual classes to color table rows or individual cells. Read full documnetation here.

Responsive tables allow tables to be scrolled horizontally with ease. Make any table responsive across all viewports by adding a div with the class .table-responsive around the table. Or, pick a maximum breakpoint with which to have a responsive table up to by adding .table-responsive{-sm|-md|-lg|-xl}. Read full documentation here.