انتقل إلى محتوى الدرس

Bootstrap Card Anatomy تشريح حاوية البطاقة card

أتقن بناء البطاقات في بوتستراب 5.3 من تشريح الرأس والجسم والتذييل وصور البطاقات والنص المتراكب إلى البطاقات الأفقية وشبكات الارتفاع المتساوي والرابط الممتد.
3 صفوف تعليمية
بوتستراب 5
1 مشاهدة

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

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

تُعد البطاقة في Bootstrap 5.3 الوحدة البنائية الأكثر حضوراً في المتاجر الإلكترونية ولوحات التحكم والمدونات الحديثة؛ فهي حاوية محتوى مبنية بالكامل على Flexbox بإطار أنيق واستدارة هادئة. والقاعدة الذهبية الأولى لفهم .card أنها لا تفرض عرضاً ثابتاً من تلقاء نفسها، بل تتمدد بعرض 100% من عنصرها الأب حتى تتحكم أنت في مقاسها بدقة عبر أعمدة الشبكة .col-*.

الصف 2 صورة توضيحية
مخطط تشريح البطاقة وصور البطاقات والتصميم الأفقي وشبكات البطاقات المتساوية في بوتستراب 5.3
الصف 3 ملاحظة هامة