Cores Bootstrap 5

Cor de texto

Bootstrap 5 tem algumas classes de contexto que podem ser usadas para fornecer 'algum significado expresso por cor'.

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/geralmente preta）
  • .text-light

Exemplos

Experimente pessoalmente

Você também pode usar .text-black-50 ou .text-white-50 Adicionar 50% de opacidade ao texto branco ou preto nas classes:

Exemplos

Experimente pessoalmente

Cor de fundo

As classes para cores de fundo são:

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

Observe que a cor de fundo não define a cor do texto, portanto, em alguns casos, você pode precisar usá-las com .text-* Classes de cor juntos.

Exemplos

Experimente pessoalmente