Easlily create nicely looking badges to label and highlight your content.


To create a badge, just add the .badge class to a <div> or <span> element.

Info New Free


To display badges in a different style, just add modifier classes to the.badgeclass. These modifiers can be combined with each other.


Add the.badge-roundclass to indicate a round, typically it is used with numbers.

1 2 3 10 100

Color Modifier

Add the.badge-success,.badge-warningor.badge-dangerclass for additional colors.

Info Success Warning Danger

1 10 1 10 1 10