About Lesson
Displaying Multiple Cards in a Row
.card-group→ Aligns multiple cards in the same row
Example: Displaying Multiple Cards
HTML
<div class="card-group">
<div class="card">
<div class="card-body">
<h5 class="card-title">Card 1</h5>
<p class="card-text">This is the first card.</p>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">Card 2</h5>
<p class="card-text">This is the second card.</p>
</div>
</div>
</div>Output:
