الخلفيات الصريحة والناعمة | الألوان والخلفيات في بوتستراب 5

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

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

في تصميم الواجهات الحديثة نادراً ما نملأ مساحات واسعة بألوان صاخبة بالكامل؛ بل نميل إلى الأسطح الهادئة المريحة للعين. لذلك يوفر بوتستراب 5.3 طبقتين متكاملتين للخلفيات:

الخلفيات الصريحة (.bg-primary .. .bg-dark): ألوان مشبعة قوية تناسب الشارات والأشرطة البارزة.
الخلفيات الناعمة (.bg-primary-subtle .. .bg-danger-subtle): درجات باستيل خفيفة تتكامل بصرياً مع نصوص .text-*-emphasis لبناء صناديق حالة أنيقة، بجانب أسطح الصفحة المحايدة .bg-body-secondary و.bg-body-tertiary.

الصف 2 كود برمجي

HTML

<div class="row gy-2">
  <div class="col-12 rounded
    bg-success-subtle text-success-emphasis">
    Deployment completed cleanly.
  </div>
  <div class="col-12 rounded
    bg-warning-subtle text-warning-emphasis">
    Maintenance starts in 15m.
  </div>
</div>

جرّب بنفسك

الصف 3 ملاحظة هامة

Solid and Subtle Backgrounds الخلفيات الصريحة والناعمة

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

جميع فقرات هذا الدرس (الألوان والخلفيات في بوتستراب 5)