# 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.

```html
<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](https://www.ask-codey.com/glossary?category=css&level=2)

Updated: October 28, 2026

Source: https://www.ask-codey.com/glossary/card