1. Añadir una insignia:
Una insignia está representada por el elemento ``. Dentro de este elemento, agregas las clases y el contenido necesarios.
2. Clases de insignia:
- `.badge`:Esta es la clase base que agrega una insignia.
- Utilice una de estas clases de contexto para establecer el color de la insignia:
- `.badge-primario`
- `.badge-secundario`
- `.badge-éxito`
- `.badge-peligro`
- `.advertencia-insignia`
- `.badge-info`
- `.badge-luz`
- `.badge-oscuro`
3. Ejemplos de insignias:
```html
Nuevo
Especial
```
NOTA: La clase "píldora redondeada" es obligatoria para las insignias con forma de píldora.
4. Badge Pill y otras utilidades:
Bootstrap proporciona clases de utilidad adicionales para agregar más variaciones. Por ejemplo:
- `.badge-lg` o `.badge-sm`:establece el tamaño de la credencial (grande o pequeña).
- `.badge-pill`:Hace que la insignia sea redondeada como una pastilla.
5. Contenido dinámico:
Puede utilizar atributos de datos o JavaScript para configurar dinámicamente el texto de la insignia.