Spectre Breadcrumbs offers us to design breadcrumbs. Breadcrumbs are used to indicate the current page’s location within a navigational hierarchy.
To use breadcrumbs you need a container element with the breadcrumb class. Add child elements with the breadcrumb-item class.
Spectre Breadcrumbs Class:
- breadcrumb: This class is used to create breadcrumbs items.
- breadcrumb-item: This class is used to create a breadcrumbs specific item.
<ul class="breadcrumb"> <li class="breadcrumb-item"> .... </li> </ul>
Example: Below example illustrate the Spectre Breadcrumbs.