Images in Bootstrap are made responsive with .img-fluid. max-width: 100%;and height: auto;are applied to the image so that it scales with the parent element.

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

Add .table-borderlessfor a table without borders.

.table-borderlesscan also be used on dark tables.

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

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.

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

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

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

Use contextual classes to color table rows or individual cells.

Regular table background variants are not available with the dark table, however, you may use text or background utilitiesto achieve similar styles.