Breadcrumb
Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.
Breadcrumb on BootstrapBreadcrumb Example
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0">
<li class="breadcrumb-item"><a href="#">Item 1</a></li>
<li class="breadcrumb-item"><a href="#">Item 2</a></li>
<li class="breadcrumb-item"><a href="#">Item 3</a></li>
<li class="breadcrumb-item active" aria-current="page">Item 4</li>
</ol>
</nav>Dividers
<nav style="--phoenix-breadcrumb-divider: '>>';" aria-label="breadcrumb">
<ol class="breadcrumb mb-0">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Library</li>
</ol>
</nav>