---
title: Badges
---
## Badges

Cleaner way to display notifications and/or figures using the Bootstrap Framework.

#### How To Use:
The badge is a very easy to use component and below are code snippets that can help you display badges.

**Code Example:**

`<span class="badge badge-primary">Badge Text/Number Here</span>` 

To alter the color of the alerts, change the `badge-primary` class to any Bootstrap color class you desire. 

Here is a quick-reference to the [Bootstrap Color Classes](https://getbootstrap.com/docs/4.1/utilities/colors/).

#### More Information: 
* [Bootstrap Badge Documentation](https://getbootstrap.com/docs/4.1/components/badge/)