Bootstrap 5 introduces a versatile component called the card. A card is a flexible and extensible content container that includes options for a wide array of content, layouts, and actions. Cards can be used for displaying information, and they are well-suited for showcasing elements of varying sizes like images, lists, or other custom content.

Basic Structure of a Bootstrap Card

A typical card in Bootstrap 5 might look like this:

This code snippet creates a card with a fixed width of 18rem, an image at the top, a body with a title, text, and a link styled as a button.

Customizing Cards