20 lines
679 B
Markdown
20 lines
679 B
Markdown
|
---
|
||
|
|
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/)
|