Replace the contents of the
.crumb-separator element with an icon or any valid unicode symbol. For accessibility, use
aria-hidden to hide this element from screen readers.
Add your icon before or after your anchor tag within the
.crumb list item.
Mix and match buttons, avatars, and text.
Breadcrumbs are responsive by default and will auto-hide all but the last two crumb elements on small screens. If you wish to
disable this behavior, replace
Using #each Loops
Use the following technique to ensure the current item is formatted properly and prevent an extra separator at the end.