BS5 ranglar
Matn ranglari
Bootstrap 5’da "ranglar orqali ma’no berish" uchun ishlatiladigan bir nechta kontekstual klasslar mavjud.
Matn ranglari uchun klasslar: .text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark, .text-body (standart body rangi, ko‘pincha qora) va .text-light:
Misol
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.
Shuningdek, .text-black-50 yoki .text-white-50 klasslari yordamida qora yoki oq matnga 50% shaffoflik (opacity) qo‘shishingiz mumkin:
Misol
Black text with 50% opacity on white background
White text with 50% opacity on black background
Fon ranglari
Fon ranglari uchun klasslar: .bg-primary,
.bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark va .bg-light.
Yuqoridagi .bg-color klasslari matn bilan yaxshi ishlamaydi yoki hech bo‘lmaganda har bir fon uchun to‘g‘ri matn rangini olish maqsadida mos .text-color klassini ko‘rsatishingizga to‘g‘ri keladi.
Biroq .text-bg-color klasslaridan foydalanishingiz mumkin — bunda Bootstrap har bir fon rangi uchun mos matn rangini avtomatik tanlaydi:
Misol
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.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!