Bootstrap 4 Cores
Cores do texto
O Bootstrap 4 tem algumas classes contextuais que podem ser usadas para fornecer "significado através das cores".
As classes para cores de texto são: .text-muted
,
.text-primary
, .text-success
, .text-info
,
.text-warning
, .text-danger
, .text-secondary
, .text-white
,
.text-dark
, .text-body
(cor do corpo padrão/frequentemente preto) e .text-light
:
Exemplo
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.
As classes de texto contextuais também podem ser usadas em links, que adicionarão uma cor de foco mais escura:
Exemplo
Você também pode adicionar 50% de opacidade para texto em preto ou branco com as classes .text-black-50
ou :.text-white-50
Exemplo
Black text with 50% opacity on white background
White text with 50% opacity on black background
Cores de fundo
As classes para cores de fundo são : .bg-primary
,
.bg-success
, .bg-info
, .bg-warning
, .bg-danger
, .bg-secondary
e .bg-dark
..bg-light
Observe que as cores de fundo não definem a cor do texto, portanto, em alguns casos, você desejará usá-las junto com uma .text-*
classe.
Exemplo
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.