Come creare badge Bootstrap 5?

Creare badge in Bootstrap 5 è semplice e diretto. Ecco come puoi farlo:

1. Aggiungi un badge:

Un badge è rappresentato dall'elemento "". All'interno di questo elemento aggiungi le classi e il contenuto necessari.

2. Classi badge:

- `.badge`:questa è la classe base che aggiunge un badge.

- Utilizza una di queste classi di contesto per impostare il colore del badge:

- ".badge-primary".

- ".badge-secondario".

- ".badge-successo".

- `.badge-pericolo`

- `.badge-avviso`

- `.badge-info`

- `.badge-luce`

- `.badge-dark`

3. Esempi di badge:

```html

Nuovo

Speciale

```

NOTA: La classe "pillola arrotondata" è richiesta per i badge a forma di pillola.

4. Pillola badge e altre utilità:

Bootstrap fornisce classi di utilità aggiuntive per aggiungere più varianti. Per esempio:

- `.badge-lg` o `.badge-sm`:imposta la dimensione del badge (grande o piccola).

- `.badge-pill`:rende il badge arrotondato come una pillola.

5. Contenuto dinamico:

Puoi utilizzare gli attributi dei dati o JavaScript per impostare dinamicamente il testo del badge.