SyntaxStudy
Sign Up

.card

class

A flexible content container with options for headers, footers, images, and body.

Syntax

<div class="card">

Example

html
<div class="card" style="width: 18rem;">
    <img src="img.jpg" class="card-img-top" alt="Card image">
    <div class="card-body">
        <h5 class="card-title">Card Title</h5>
        <p class="card-text">Card description goes here.</p>
        <a href="#" class="btn btn-primary">Learn More</a>
    </div>
    <div class="card-footer text-muted">
        Last updated 3 mins ago
    </div>
</div>