Simple Badges

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New

Colored Badges

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading 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>