Breadcrumb

Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.

                                        
<ol class="breadcrumb mb-2">
    <li class="breadcrumb-item active">Home</li>
</ol>
<ol class="breadcrumb mb-2">
    <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
    <li class="breadcrumb-item active">Library</li>
</ol>
<ol class="breadcrumb mb-2">
    <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
    <li class="breadcrumb-item"><a href="javascript:void(0)">Library</a></li>
    <li class="breadcrumb-item active">Data</li>
</ol>
                                        
                                    

                                      
<nav class="breadcrumb mb-0">
    <a class="breadcrumb-item" href="javascript:void(0)">Home</a>
    <a class="breadcrumb-item" href="javascript:void(0)">Library</a>
    <a class="breadcrumb-item" href="javascript:void(0)">Data</a>
    <span class="breadcrumb-item active">Bootstrap</span>
</nav>