loader

Simple Badges

Heading 01 New

Heading 02 New

Heading 03 New

Heading 04 New

Heading 05 New
Heading 06New

Colored Badges

Heading 01 New

Heading 02 New

Heading 03 New

Heading 04 New

Heading 05 New
Heading 06New

Contextual variations

Default Primary Success Info Warning Danger
<span class="badge badge-default">Default</span>
<span class="badge badge-primary">Primary</span>
<span class="badge badge-success">Success</span>
<span class="badge badge-info">Info</span>
<span class="badge badge-warning">Warning</span>
<span class="badge badge-danger">Danger</span>

Pill Badges

Default Primary Success Info Warning Danger
<span class="badge badge-pill badge-default">Default</span>
<span class="badge badge-pill badge-primary">Primary</span>
<span class="badge badge-pill badge-success">Success</span>
<span class="badge badge-pill badge-info">Info</span>
<span class="badge badge-pill badge-warning">Warning</span>
<span class="badge badge-pill badge-danger">Danger</span>
top

Default badge

And a little description.
and so one

top

Success badge

And a little description.
and so one

top

Primary badge

And a little description.
and so one

top

Info Badge

And a little description.
and so one

top

Warning badge

And a little description.
and so one

top

Danger Badge

And a little description.
and so one