Badge
Badgesescala para que coincida con el tamaño del elemento principal inmediato mediante el uso de un tamaño de fuente relativo y unidades em .
Encabezado de ejemplo Nuevo
Encabezado de ejemplo Nuevo
Encabezado de ejemplo
Encabezado de ejemplo Nuevo
Encabezado de ejemplo Nuevo
Encabezado de ejemplo Nuevo
Botones del Badges
Los badges se pueden usar como parte de los botones para proporcionar un contador.
Botón Fondo claro Badges
Los badges se pueden usar como parte de los botones para proporcionar un contador.
Insignias de borde del badget
Los badges se pueden usar como parte de los botones para proporcionar un contador.
Variaciones contextuales
Agregue cualquiera de las clases de modificadores mencionadas a continuación para cambiar la apariencia de un badget.
Primary Secondary Success Danger Warning Info Light DarkPill badges
Utilice la clase modificadora .badge-pill para hacer que las insignias sean más redondeadas (con un border-radius más grande y un padding horizontal adicional). Útil si echas de menos los badget de la v3.
Links
El uso de las clases contextuales .badge- * en un elemento & lt; a & gt; proporciona rápidamente insignias procesables con estados de desplazamiento y enfoque. < / p>
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Contextual variations Border
Agregue cualquiera de las clases de modificadores mencionadas a continuación para cambiar la apariencia de un badget.
Primary Secondary Success Danger Warning Info Light DarkPill badges
Utilice la clase modificadora .badge-pill para hacer que las insignias sean más redondeadas (con un border-radius más grande y un padding horizontal adicional). Útil si echas de menos las insignias de la v3.
Links
El uso de las clases contextuales .badge- * en un elemento & lt; a & gt; proporciona rápidamente insignias procesables con estados de desplazamiento y enfoque. < / p>
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark