Card

noun

say it: “KARD” /kɑːrd/

A Bootstrap box that shows one item, such as a product, with an optional image, a title, text and buttons.

What is Card in CSS?

Card — A Bootstrap box for one item, such as a product or a book, with room for an image, a title, some text and buttons. A row of cards is the usual way to show a catalog.

<div class="card">
  <div class="card-body">
    <h5 class="card-title">Chai</h5>
    <p class="card-text">$18.00</p>
  </div>
</div>

In a sentence

• “Each product appears in its own card with its name, price and an Add button.”

Level: Apprentice · More CSS terms at this level

Updated October 28, 2026