About Lesson
Card Headers, Footers & Titles
.card-header
→ Adds a header at the top.
.card-footer
→ Adds a footer at the bottom.card-title
&.card-subtitle
→ Used for titles and subtitles
Example: Card with Header & Footer
HTML
<div class="card">
<div class="card-header">Header</div>
<div class="card-body">
<h5 class="card-title">Card Title</h5>
<h6 class="card-subtitle mb-2 text-muted">Card Subtitle</h6>
<p class="card-text">Some text inside the card.</p>
</div>
<div class="card-footer">Footer</div>
</div>
Output:
