Badges

Um Einträge und deren Gewichtung hervorzuheben können sog. Badges eingesetzt werden.

Badges .badge werden in der Regel auf das HTML-Tag <span> angewendet:

Neue Nachrichten 14 
<a href="#">Neue Nachrichten <span class="badge">14</span></a>

Brand-Variante

34 - Regular

34 - Brand

<!-- Regular -->
<span class="badge">34</span>
<!-- Brand -->
<span class="badge badge-brand">34</span>
Anmerkung Barrierefreiheit: Die eingesetzten Farben haben meist eine Bedeutung. Um diese Bedeutung auch beim Einsatz von Unterstützungstechnologien zu untermauern sollte sie zusätzlich versteck in Textform durch die CSS-Klasse `.sr-only´ hinterlegt werden.