YouTipBootstrap Badges
# Bootstrap Badges
This chapter will explain Bootstrap Badges. Badges are similar to Labels, but the main difference is that Badges have more rounded corners.
Badges are primarily used to highlight new or unread items. To use a badge, simply add **** to links, Bootstrap navigation, and other elements.
The following example demonstrates this:
## Example
Display unread mail:
Mailbox 50
[Try it »](#)
The result is shown below:
When there are no new or unread items, the badge will collapse via the CSS **:empty** selector, indicating it contains no content.
## Example
Display unread messages:
[Try it »](#)
* * *
## Active Navigation State
You can place badges within active pill navigation and list navigation. Use **** to activate links, as shown in the following example:
## Example