Badges & Breadcrumbs

Badges is a small labeling component.


Badge

  • badge
    • rounded-pill

Try it

Badges is a small labeling component with really only two classes that you need to know.

The main class is badge to create it, but there are other classes that will support it like the background and text color classes. badge text is white by default and will adjust to the size of the container text.


Breadcrumb

breadcrumb breadcrumb-item

--bs-breadcrumb-divider

Try it

The breadcrumb is a small container component that lets you display the structure or status of the current navigation.

It works well in a nav tag with a list that has the breadcrumb-item class in each individual list item.

The default