Cards

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

Bootstrap provides powerful, pre-built components and utilities.

Example

<div class="card" style="width: 18rem;">
  <img src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=300&h=200" class="card-img-top" alt="Laptop with code">
  <div class="card-body">
    <h5 class="card-title">Bootstrap Cards</h5>
    <p class="card-text">Cards are flexible containers for displaying structured content like images, text, and buttons.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>

Experiment with the code above in the Playground!