Bootstrap 5 Breadcrumb specifies the current page location inside the navigational hierarchy. It enhances the accessibility of the website because it separates the navigation item with a separator.
Note:In this example,
.breadcrumb is assigned to the breadcrumb container base class while
.breadcrumb-item is assigned to the breadcrumb item base class.
Note!! You have to focus on
.active classes since these are used during breadcrumb creation.
Bootstrap 5 breadcrumb separator can be changed very easily by a custom property
Note:In this example, the breadcrumb separator has been changed by a custom property