For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.

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

Use one of two modifier classes to make <thead>s appear light or dark gray.

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

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

Create responsive tables by wrapping any .table in .table-responsive to make them scroll horizontally on small devices (under 768px).

Add .table-sm to make tables more compact by cutting cell padding in half.

Use contextual classes to color table rows or individual cells.

A caption functions like a heading for a table. It helps users with screen readers to find a table and understand what it’s about and decide if they want to read it.