Components Badges Abzeichen

Dokumentation und Beispiele für Abzeichen.

Kontextabhängige Variationen

Fügen Sie eine der unten genannten Modifiziererklassen hinzu, um das Erscheinungsbild eines Badges zu ändern.

Success Danger Warning Info Light
Success
Danger
Warning
Info
Light
                        

Links

Durch die Verwendung der kontextabhängigen .badge-* Klassen in einem <a> Element können schnell umsetzbare Badges mit hover and focus bereitgestellt werden.

Success Danger Warning Info Light

Badge mit Text und Icon

Fügen Sie eine der unten genannten Modifiziererklassen hinzu, um das Erscheinungsbild eines Badges zu ändern.

Success Danger Warning Info Info Light
 Success
 Success
 Danger
 Warning
 Info
 Info
 Light
                        

Icon Badge

Fügen Sie eine der unten genannten Modifiziererklassen hinzu, um das Erscheinungsbild eines Badges zu ändern.

Success Danger Warning Info Info Info

Success
Danger
Warning
Info
Info
Info
                        

OSI Hilfe Dialog