Bootstrap 5 Colori

Colore del testo

Bootstrap 5 ha alcune classi di contesto che possono essere usate per fornire un 'significato espresso attraverso i colori'.

Le classi per i colori del testo sono:

  • .text-muted
  • .text-primary
  • .text-success
  • .text-info
  • .text-warning
  • .text-danger
  • .text-secondary
  • .text-white
  • .text-dark
  • .text-body（colore di body predefinito/normalmente nero）
  • .text-light

Esempi

Prova da solo

Puoi anche usare .text-black-50 o .text-white-50 Aggiungere il 50% di opacità al testo nero o bianco con la classe:

Esempi

Prova da solo

Colore di sfondo

Le classi per i colori di sfondo sono:

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

Si prega di notare che il colore di sfondo non imposta il colore del testo, quindi in alcuni casi è necessario usarli con .text-* Utilizzare insieme le classi di colore.

Esempi

Prova da solo