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>
