Bootstrap 4 tiene algunas clases contextuales que se pueden usar para proporcionar “significado a través de colores”.
Las clases para colores son las siguientes:
- .text-muted
- .text-primary
- .text-success
- .text-info
- .text-warning
- .text-danger
- .text-secondary
- .text-white
- .text-dark
- .text-body
La clase por defecto para colores en Bootstrap es .text-light.
Usar en enlaces
Las clases de texto contextual también se pueden usar en enlaces, lo que agregará un color de desplazamiento más oscuro.
También puede agregar un 50% de opacidad para texto en blanco o negro con las clases .text-black-50 o .text-white-50.
Background colors
Las clases para colores de fondo son las siguientes:
- .bg-primary
- .bg-success
- .bg.info
- .bg-warning
- bg.danger
- .bg-secondary
- .bg-dark
- bg-light
Te en cuenta que los colores de fondo no establecen el color del texto, por lo que en algunos casos querrás usarlos junto con una clase .text- *.