How it works

Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Body

The building block of a card is the .card-body. Use it whenever you need a padded section within a card.

Titles, text, and links

Card titles are used by adding .card-title to a <h*> tag. In the same way, links are added and placed next to each other by adding .card-link to an <a> tag.