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

BootStrap Contextual Cards البطاقات السياقية في bootstrap

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

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

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

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

لعمل background خلفية لاي card نقوم باستخدام مجموعة من الكلاسات تسمي background contextual classes كلاسات الخلفية السياقية والتي تم شرحها في درس boostrap colors.

جرّب بنفسك

Contextual Cards

تلوين البطاقات باستخدام الكلاسات السياقية.

HTML 
<div class="container">
   <div class="card bg-primary">
      <div class="card-body">Basic card</div>
   </div>
</div>
جرّب بنفسك

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