Colores en Bootstrap

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- *.