From the course: Bootstrap 5 Essential Training
Join today to access over 25,500 courses taught by industry experts.
Badges and breadcrumbs - Bootstrap Tutorial
From the course: Bootstrap 5 Essential Training
Badges and breadcrumbs
- [Instructor] There's a couple of other minor classes that you may want to know about. Badges, for example, is a small labeling component. And then there's also breadcrumbs, which allow you to highlight where you are on the website. The badges are pretty simple. You use a class of badge, and then you have the option of getting a rounded-pill badge, which has rounded edges, more rounded than the normal badge. Let's check these out. There is a badge right here at the end of this text, and you often use them inside other elements. You may put them inside a button or within some text, like I'm doing right here. All you do is just add a class of badge and then you add a background color or a text color. This is how it normally would look like. If you want to, you can have a more rounded edge, like a pill. What you do is you add the class of badge and then you add also the class of rounded-pill, and then you can add whatever you want in there. I put another heart in there. Then there is…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.