التمهيد 4 ألوان

ألوان النص

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

فئات ألوان النص هي: .text-muted، .text-primary، .text-success، .text-info، .text-warning، .text-danger، .text-secondary، .text-white، .text-dark، .text-body(لون النص الافتراضي / غالبًا ما يكون أسود) و .text-light:

مثال

This text is muted.

This text is important.

This text indicates success.

This text represents some information.

This text represents a warning.

This text represents danger.

Secondary text.

Dark grey text.

Body text.

Light grey text.

يمكن أيضًا استخدام فئات النص السياقي على الروابط ، والتي ستضيف لون تحوم أغمق:

مثال

Muted link. Primary link. Success link. Info link. Warning link. Danger link. Secondary link. Dark grey link. Body/black link. Light grey link.

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

مثال

Black text with 50% opacity on white background

White text with 50% opacity on black background

ألوان الخلفية

فئات ألوان الخلفية هي : .bg-primaryو .bg-successو .bg-infoو .bg-warningو .bg-dangerو .bg-secondary..bg-dark.bg-light

لاحظ أن ألوان الخلفية لا تحدد لون النص ، لذا في بعض الحالات سترغب في استخدامها مع .text-*الفصل.

مثال

This text is important.

This text indicates success.

This text represents some information.

This text represents a warning.

This text represents danger.

Secondary background color.

Dark grey background color.

Light grey background color.

❮ سابق التالي ❯

البرنامج التعليمي Bootstrap 4

التمهيد 4 الشبكة

Bootstrap 4 أخرى

التمهيد 4 المرجع

التمهيد 4 ألوان

ألوان النص

مثال

مثال

مثال

ألوان الخلفية

مثال