Badges
Default
Primary
Success
Danger
Info
Warning
gradient Badges
Default
Primary
Success
Danger
Info
Warning
Pill Badges
Default
Primary
Success
Danger
Info
Warning
gradient Pill Badges
Default
Primary
Success
Danger
Info
Warning
Buttons with Badges
Simple Badges
Heading 01 New
Heading 02 New
Heading 03 New
Heading 04 New
Heading 05 New
Heading 06 New
Colored Badges
Heading 01 New
Heading 02 New
Heading 03 New
Heading 04 New
Heading 05 New
Heading 06 New
Contextual variations
Default
Primary
Success
Info
Warning
Danger
<span class="badge badge-default">Default</span>
<span class="badge bg-primary">Primary</span>
<span class="badge bg-success">Success</span>
<span class="badge bg-info">Info</span>
<span class="badge bg-warning">Warning</span>
<span class="badge bg-danger">Danger</span>Pill Badges
Default
Primary
Success
Info
Warning
Danger
<span class="badge rounded-pill badge-default">Default</span>
<span class="badge rounded-pill bg-primary">Primary</span>
<span class="badge rounded-pill bg-success">Success</span>
<span class="badge rounded-pill bg-info">Info</span>
<span class="badge rounded-pill bg-warning">Warning</span>
<span class="badge rounded-pill bg-danger">Danger</span>