Labels and Badges

Highlight new or important information using labels or badges

Labels  Code

Labels are emphasized inline text used to provide additional information about something. Do not use labels for links. Small-sized buttons can be used instead.

Labels are emphasized inline text used to provide additional information about something. An example of proper label usage is the times on the Performing Arts Center calendar.

Use the .label class, followed by one of the six contextual classes .label-default, .label-primary, .label-success, .label-info, .label-warning, or .label-danger, within a <span> element to create a label.

You can also follow the .label class with a background color class.

Heading 3 New

Heading 4 New

Heading 5 New
Heading 6 New

Default Label

Primary Label

Success Label

Info Label

Warning Label

Danger Label

Label with Purple Background Class

Badges  Code

Badges are numerical indicators of how many items are associated with a link. Use the .badge class within <span> elements to create badges.

Badges are automatically floated to the right when included within a list group.