Use the .badge-pill modifier class with .badge class to make pill badges.

Below have options that you can use with Pill badges :

Pill badges options	Class	Description
Basic Pill badges	.badge-*	Use any template color from COLOR PALETTE that you like to add for pill badge.
Bordered Pill badges	.badge-border.border-*	Tag with border & border color from COLOR PALETTE for badge border.
Pill Tags With Glow	.badge-glow	To create glow styled pill badge.
Square Pill badges	.badge-square	For square style pill badges.
Pill Tags as Notification	.badge-up	To set pill badge to higher than other text. So that it can work with notifications also.

Using above options, create some more badges as below:

• Pill badges with icons
• Only icons pill badges
• Bordered pill badges with icons
• Bordered icons pill badges
• Square pill badges with icons
• Square icons pill badges
• Pill badges With Links, Dropdown, etc...

Referrals :

Type	URL
Bootstrap Page	https://getbootstrap.com/docs/4.2/components/badge/#pill-badges
Template Page	https://modernadmin.evolvision.com/components/pill-badges