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

Text Colors and Emphasis ألوان النصوص ودرجات التركيز

أتقن منظومة الألوان والخلفيات الدلالية في بوتستراب 5.3 شاملة كلاسات ألوان النصوص ودرجات التركيز والخلفيات الناعمة والشفافية والتدرج والمساعد الذكي text-bg لضمان التباين.
2 صفوف تعليمية
بوتستراب 5
1 مشاهدة

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

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

لتلوين النصوص مباشرة، استخدم كلاسات .text-primary حتى .text-dark. وفي الإصدار 5.3 أضيفت عائلة درجات التركيز العميقة .text-primary-emphasis و.text-success-emphasis وأخواتها لتوفر نصاً داكناً عالي التباين يظهر بوضوح فائق فوق الخلفيات الفاتحة والناعمة.

كما استُبدل الكلاس القديم .text-muted بمنظومة نصوص سطح تكيفية أكثر دقة تبدأ من .text-body للنص الأساسي، ثم .text-body-secondary للعناوين الفرعية والأوصاف الهادئة، و.text-body-tertiary للنصوص التكميلية الخافتة.

الصف 2 كود برمجي
HTML
<p class="text-primary">Primary brand status</p>
<p class="text-success-emphasis">Success emphasis</p>
<p class="text-danger">Critical alert text</p>
<p class="text-body-secondary">Secondary timestamp</p>