انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: البطاقات في BootStrap

BootStrap Card Header and Footer مقدمة وذيل البطاقة في BootStrap

ستتعلم في هذا الدرس عمل box صندوق مع امكانية وضع title و content مع صورة داخل هذا الصندوق مثل كارت المنتجات باستخدام bootstrap.

1 صفوف تعليمية
Bootstrap
2,949 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يمكن تقسيم اي card اى 3 اقسام:

  • header: يتم انشاءه باستخدام كلاس card-header.
  • body: يتم انشاءه باستخدام كلاس card-body.
  • footer: يتم انشاءه باستخدام كلاس card-footer.

جرّب بنفسك

Header and Footer

تقسيم card الى header, body, footer.

HTML 
<div class="card">
   <div class="card-header">Header</div>
   <div class="card-body">Content</div>
   <div class="card-footer">Footer</div>
</div>
جرّب بنفسك

جميع فقرات هذا الدرس (البطاقات في BootStrap)