Breadcrumbs are a type of secondary navigation that shows users the path they have taken within a website. Each breadcrumb link represents a higher level of the website hierarchy, helping users retrace their steps or understand their current location. Breadcrumbs are most commonly used in e-commerce websites, blogs, and websites with complex structures.
The separators are automatically created in the content of the ::before pseudo-element of li tags. You can inform the current page using the is-active modifier in a li tag. It will disable the navigation of inner links.
You can use our justify-content-center and justify-content-end to change the alignment of Astral.CSS's breadcrumb.
Designed and built with ♥ by Rume Aluya.