Bootstrap 5 الألوان

لون النص

Bootstrap 5 يحتوي على بعض الفئات السياقية التي يمكن استخدامها لتقديم 'معنى معبر عن اللون'.

الفئات التي تهدف إلى لون النص هي:

  • .text-muted
  • .text-primary
  • .text-success
  • .text-info
  • .text-warning
  • .text-danger
  • .text-secondary
  • .text-white
  • .text-dark
  • .text-body（لون الجسم الافتراضي/عادةً الأسود)
  • .text-light

مثال

جرب بنفسك

يمكنك أيضًا استخدام .text-black-50 أو .text-white-50 إضافة 50% من الشفافية إلى النص الأسود أو الأبيض بالفئات التالية:

مثال

جرب بنفسك

لون الخلفية

الفئات التي تهدف إلى لون الخلفية هي:

  • .bg-primary
  • .bg-success
  • .bg-info
  • .bg-warning
  • .bg-danger
  • .bg-secondary
  • .bg-dark
  • .bg-light

لاحظ أن لون الخلفية لن يضبط لون النص، لذا في بعض الحالات، قد تحتاج إلى دمجها مع .text-* استخدام الفئات اللونية معًا.

مثال

جرب بنفسك