نقل المعنى من خلال اللون مع عدد قليل من فئات فائدة الألوان. يتضمن دعمًا لروابط التصميم مع حالات التمرير أيضًا.
التعامل مع الخصوصية
في بعض الأحيان لا يمكن تطبيق الفئات السياقية بسبب خصوصية محدد آخر. في بعض الحالات ، يكون الحل الكافي هو التفاف محتوى العنصر الخاص بك في <div>الفصل.
إيصال المعنى للتقنيات المساعدة
يوفر استخدام اللون لإضافة معنى فقط إشارة مرئية ، والتي لن يتم نقلها إلى مستخدمي التقنيات المساعدة - مثل قارئات الشاشة. تأكد من أن المعلومات التي يشير إليها اللون إما واضحة من المحتوى نفسه (مثل النص المرئي) ، أو يتم تضمينها من خلال وسائل بديلة ، مثل النص الإضافي المخفي مع .sr-onlyالفصل.
اللون
.text-Primary
.text-Secondary
.text-Success
.text-risk
.text-Warning
.text-info
.text-light
.text-dark
.text-body
.text-muted
.text-white
.text-black-50
.text-white-50
تعمل فئات النص السياقي أيضًا بشكل جيد على الارتساء مع حالات التمرير والتركيز المتوفرة. لاحظ أن الفئة .text-whiteو .text-mutedلا تحتوي على تنسيق ارتباط إضافي يتجاوز التسطير.
على غرار فئات ألوان النص السياقية ، يمكنك بسهولة تعيين خلفية العنصر لأي فئة سياقية. ستصبح مكونات الارتساء أكثر قتامة عند المرور فوقها ، تمامًا مثل فئات النص. لم يتم تعيينcolor أدوات الخلفية المساعدة ، لذلك في بعض الحالات سترغب في استخدام .text-*الأدوات المساعدة.
.bg-Primary
.bg- ثانوي
.bg-Success
.bg-خطر
.bg- تحذير
.bg-info
.bg-light
.bg-dark
.bg-white
.bg- شفاف
تدرج الخلفية
عند $enable-gradientsالتعيين على true(الافتراضي هو false) ، يمكنك استخدام .bg-gradient-فئات الأدوات المساعدة. تعرف على خيارات Sass الخاصة بنا لتمكين هذه الفئات والمزيد.