Kolory Bootstrap 5

Kolor tekstu

Bootstrap 5 ma kilka kontekstowych klas, które można używać do dostarczania 'jakiegoś znaczenia wyrażonego kolorem'.

Klasy dla 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/zwykle czarny）
  • .text-light

Przykłady

Spróbuj sam

Możesz również użyć .text-black-50 lub .text-white-50 Klasy dla czarnego lub białego tekstu dodają 50% przezroczystości:

Przykłady

Spróbuj sam

Kolor tła

Klasy dla kolorów tła to:

  • .bg-primary
  • .bg-success
  • .bg-info
  • .bg-warning
  • .bg-danger
  • .bg-secondary
  • .bg-dark
  • .bg-light

Proszę zauważyć, że kolor tła nie ustawia koloru tekstu, więc w niektórych przypadkach musisz użyć ich razem z .text-* Klasy kolorów można używać razem.

Przykłady

Spróbuj sam