A badge is a small and adaptive tag for adding context to just about any content such as:
Badges scale to match the size of the immediate parent element by using relative font sizing and em units.
badge {
font-size: "75%",
padding: 0.25em 0.4em;
}
Example:
<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>