Breadcrumbs
Hierarchical navigation trail
Breadcrumbs show the user where they are in a site hierarchy. Bootstrap provides simple classes to build them.
.breadcrumb > .breadcrumb-item
Home
/Library
/Data
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active">Data</li>
</ol>
</nav>
Use .breadcrumb and .breadcrumb-item to create a navigation trail showing the page hierarchy.