Insignia


Encabezado de EjemploNuevo


Encabezado de EjemploNuevo


Encabezado de EjemploNuevo


Encabezado de Ejemplo Nuevo


Encabezado de Ejemplo Nuevo

Encabezado de Ejemplo Nuevo



Las insignias se pueden usar como parte de enlaces o botones para proporcionar un contador.

Las insignias se utilizan para agregar información adicional a cualquier contenido. Utilice la .badgeclase junto con una clase contextual (como .badge-secondary) dentro de los SPAN elementos para crear insignias rectangulares. Tenga en cuenta que las insignias se escalan para coincidir con el tamaño del elemento principal (si corresponde):

Insignias contextuales

Utilice cualquiera de las clases contextuales ( .badge-*) para cambiar el color de una insignia:

Principal Primario Exito Peligro Advertencia Información Luz Oscuro


Insignias de píldoras

Usa la .badge-pillclase para hacer las insignias más redondas:

Primary Secondary Success Danger Warning Info Light Dark


Insignia dentro de un elemento

Un ejemplo del uso de una insignia dentro de un botón: