Önyükleme 4 Renk
Metin Renkleri
Bootstrap 4, "renkler aracılığıyla anlam" sağlamak için kullanılabilecek bazı bağlamsal sınıflara sahiptir.
Metin renkleri için sınıflar şunlardır: .text-muted
,
.text-primary
, .text-success
, .text-info
,
.text-warning
, .text-danger
, .text-secondary
, .text-white
,
.text-dark
( .text-body
varsayılan gövde rengi/genellikle siyah) ve .text-light
:
Örnek
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.
Bağlamsal metin sınıfları, daha koyu bir vurgu rengi ekleyecek olan bağlantılarda da kullanılabilir:
Örnek
Ayrıca .text-black-50
veya .text-white-50
sınıflarıyla siyah veya beyaz metin için %50 opaklık ekleyebilirsiniz:
Örnek
Black text with 50% opacity on white background
White text with 50% opacity on black background
Arka Plan Renkleri
Arka plan renkleri için sınıflar şunlardır: .bg-primary
,
.bg-success
, .bg-info
, .bg-warning
, .bg-danger
, .bg-secondary
ve ..bg-dark
.bg-light
.text-*
Arka plan renklerinin metin rengini ayarlamadığını unutmayın, bu nedenle bazı durumlarda bunları bir sınıfla birlikte kullanmak isteyeceksiniz .
Örnek
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.