Breadcrumb
Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.
Default Style
Code Example
<nav>
<ul class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active">Library</li>
</ul>
</nav>
Arrow Style
Code Example
<nav>
<ul class="breadcrumb breadcrumb-arrow">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active">Library</li>
</ul>
</nav>
Pipe Style
Code Example
<nav>
<ul class="breadcrumb breadcrumb-pipe">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active">Library</li>
</ul>
</nav>