Colores Bootstrap 5

Color de texto

Bootstrap 5 tiene algunas clases de contexto que se pueden usar para proporcionar un 'cierto significado expresado por colores'.

Las clases para colores de texto son:

  • .text-muted
  • .text-primary
  • .text-success
  • .text-info
  • .text-warning
  • .text-danger
  • .text-secondary
  • .text-white
  • .text-dark
  • .text-body（color del body predeterminado/por lo general negro）
  • .text-light

Ejemplos

Pruebe usted mismo

También puede usar .text-black-50 o .text-white-50 Añadir un 50% de opacidad al texto en negro o blanco:

Ejemplos

Pruebe usted mismo

Color de fondo

Las clases para colores de fondo son:

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

Tenga en cuenta que el color de fondo no configurará el color del texto, por lo que en algunos casos, necesitará combinarlos con .text-* Clases de color utilizadas juntas.

Ejemplos

Pruebe usted mismo