components.badge.md

➲ Badge:

Create beautiful label element that looks like rectangle rounded badge. Bootstrap offers to create various types of badge.

Syntax: add .badge class to the element

<span class="badge bg-primary">{Label Content}</span>

✦ Color schemes:

Various badges can be created with adding background classes such as bg-primary, bg-secondary, bg-success, bg-danger, bg-warning, bg-info, bg-light, bg-dark.

✦ Rounded:

Create rounded pills with badge by adding .rounded-pill class.

<span class="badge rounded-pill bg-success">{Label Content}</span>

---

⇪ To Top

❮ Previous Topic   Next Topic ❯

⌂ Goto Home Page   ☰ Goto Components