Bootstrap 4 colores
Colores de texto
Bootstrap 4 tiene algunas clases contextuales que se pueden usar para proporcionar "significado a través de los colores".
Las clases de 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 de cuerpo predeterminado/a menudo negro) y .text-light
:
Ejemplo
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.
Las clases de texto contextual también se pueden usar en enlaces, lo que agregará un color de desplazamiento más oscuro:
Ejemplo
También puede agregar un 50 % de opacidad para texto en blanco o negro con las clases .text-black-50
o :.text-white-50
Ejemplo
Black text with 50% opacity on white background
White text with 50% opacity on black background
Colores de fondo
Las clases para los colores de fondo son : .bg-primary
,
.bg-success
, .bg-info
, .bg-warning
, .bg-danger
, .bg-secondary
y ..bg-dark
.bg-light
Tenga en cuenta que los colores de fondo no establecen el color del texto, por lo que en algunos casos querrá usarlos junto con una .text-*
clase.
Ejemplo
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.