Bootstrap 4 kolory
Kolory tekstu
Bootstrap 4 ma kilka klas kontekstowych, których można użyć, aby zapewnić „znaczenie poprzez kolory”.
Klasy kolorów tekstu to: .text-muted,
.text-primary, .text-success, .text-info,
.text-warning, .text-danger, .text-secondary, .text-white,
.text-dark, .text-body(domyślny kolor ciała/często czarny) oraz .text-light:
Przykład
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.
Kontekstowe klasy tekstu mogą być również używane na łączach, co doda ciemniejszy kolor najechania kursorem:
Przykład
Możesz również dodać 50% krycia dla czarnego lub białego tekstu za pomocą klas .text-black-50lub :.text-white-50
Przykład
Black text with 50% opacity on white background
White text with 50% opacity on black background
Kolory tła
Klasy kolorów tła to: .bg-primary,
.bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-darki .bg-light.
Zwróć uwagę, że kolory tła nie określają koloru tekstu, więc w niektórych przypadkach będziesz chciał użyć ich razem z .text-*klasą.
Przykład
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.