BS4 ranglar

Matn ranglari

Bootstrap 4’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.

O‘zingiz sinab ko‘ring »

Kontekstual matn klasslarini havolalarda ham ishlatish mumkin, bunda sichqoncha ustiga olib borilganda (hover) havola rangi to‘qroq tusga kiradi:

Misol

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

O‘zingiz sinab ko‘ring »

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

O‘zingiz sinab ko‘ring »

Fon ranglari

Fon ranglari uchun klasslar: .bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark va .bg-light.

E’tibor bering, fon ranglari matn rangini belgilamaydi, shuning uchun ba’zi hollarda ularni .text-* klassi bilan birga ishlatishingiz kerak bo‘ladi.

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.

O‘zingiz sinab ko‘ring »

Bilasizmi?

W3.CSS — Bootstrap’ga ajoyib muqobil.

W3.CSS hajmi kichikroq, tezroq ishlaydi va undan foydalanish osonroq.

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish