Simple Badges

heading 1 New

heading 2 New

heading 3 New

heading 4 New

heading 5 New

heading 6 New

Colored Badges

heading 1 New

heading 2 New

heading 3 New

heading 4 New

heading 5 New

heading 6 New

Contextual variations

DefaultPrimarySuccessInfoWarningDanger

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

Pill Badges

DefaultPrimarySuccessInfoWarningDanger

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

Card Model Badges

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