07 Oct Bootstrap Badges
Learn what are Badges in Bootstrap and their uses. Additionally, create a new Badge on a web page and:
- Change badge color
- Change the shape of a badge
To create Badges, we use the .badge class in Bootstrap. For changing the badge color, use the following contextual classes:
- .badge-primary
- .badge-secondary
- .badge-success
- .badge-danger
- .badge-warning
- .badge-info
- .badge-light
- .badge-dark
To change the shape of a Badge, use the .badge-pill class.
Example – Bootstrap Badges
Let us now see an example of creating Badges in Bootstrap:
Output
Video Tutorial – Bootstrap Badges
The following is the complete video tutorial to learn how to work with Badges in Bootstrap:
If you liked the tutorial, spread the word and share the link and our website Studyopedia with others.
Read More:
No Comments