شرح صفوف ومحتوى الفقرة
- عادة ما يحتوي اي عنصر card على صورة توضع في بدايته او في النهاية.
- يوضع عنصر <img> خارج card-body حتى تاخذ عرض card بالكامل.
- يستخدم كلاس card-img-top لوضع الصورة في بداية card ولوضعها في نهاية البطاقة نستخدم كلاس card-img-bottom.
- يمكن استخدام الصورة كخلفية للبطاقة عن طريق كلاس card-img-overlay.
Card Images
مثل على وضع صورة بداخل card.
HTML
<div class="card" style="width:400px">
<img class="card-img-top" src="img_avatar1.png" alt="Card image">
<div class="card-body">
<h4 class="card-title">Mostafa</h4>
<p class="card-text">Some example text.</p>
</div>
</div>