Bootstrap Badges
Badges are small, informative components that are often used to show numerical counts or labels. They are typically displayed as a small circle or rectangle with text inside them.
To create a badge, you can use the .badge class with any HTML element, such as a span, a button, or an anchor tag.
As an example:
In this example:
- We've created two badges.
- The first one is a blue badge with the number 5 inside it.
- The second one is a red badge with the number 9 inside it, which is nested inside a button.
You can also use the .rounded-pill class to make the badge rounded.
As an example: