Badges

Small status descriptors for UI elements. Use badges to alert users to items that may need their attention.

Badge

Inbox

<!-- Badge -->
<span class="fa-stack fa-1x notify-badge" data-count="4">
<label>Inbox</label>
</span>

Badge with Overlap

<!-- Badge with Overlap -->
<span class="fa-stack fa-1x notify-badge overlap" data-count="2">
<i class="fa fa-circle fa-stack-2x icon-primary"></i>
<i class="fa fa-user fa-stack-1x icon-not-white"></i>
</span>