Label
You can add this helper class to any element in your HTML code to make a badge(lable). Simply add badge
and bg-danger
(or any class given below) class where you want to add a badge. See example below:
<span class="badge bg-danger">badge name</span>
Here are some default badges you can use or you can make your own badge as per your requirement.
Class | Description |
---|---|
badge bg-primary |
primary badge |
badge bg-secondary |
secondary badge |
badge bg-success |
Success badge |
badge bg-danger |
danger badge |
badge bg-warning |
Warning badge |
badge bg-info |
info badge |
badge bg-light |
light badge |
badge bg-dark |
dark badge |