Breadcrumbs
Where you are, and the way back
Default
Code
<nav aria-label="Breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item"><a href="projects.html">Projects</a></li>
<li class="breadcrumb-item active" aria-current="page">Website redesign</li>
</ol>
</nav>Long path
Code
<nav aria-label="Breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item"><a href="dashboard-ecommerce.html">E-commerce</a></li>
<li class="breadcrumb-item"><a href="ecommerce-products.html">Products</a></li>
<li class="breadcrumb-item"><a href="#">Audio</a></li>
<li class="breadcrumb-item active" aria-current="page">Aero Wireless Headphones</li>
</ol>
</nav>