Breadcrumbs

<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">Data</li>
    </ol>
</nav>

<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">Home</a></li>
        <li class="breadcrumb-item dropdown dropdown-hover dropdown-triangle dropdown-keep-open">
            <a href="#" class="dropdown-item" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Dropdown
            </a>
            <div class="dropdown-menu dropdown-menu-sm">
                <ul class="dropdown-menu-scroll">
                    <li><a class="dropdown-item" href="element-alerts.html">Alerts</a></li>
                    <li><a class="dropdown-item" href="element-badge.html">Badge</a></li>
                    <li><a class="dropdown-item" href="element-buttons.html">Buttons</a></li>
                    <li><a class="dropdown-item" href="element-card.html">Card</a></li>
                    <li><a class="dropdown-item" href="element-carousel.html">Carousel</a></li>
                    <li><a class="dropdown-item" href="element-collapse.html">Collapse</a></li>
                    <li><a class="dropdown-item" href="element-dropdowns.html">Dropdowns</a></li>
                    <li><a class="dropdown-item" href="element-forms.html">Forms</a></li>
                </ul>
            </div>
        </li>
    </ol>
</nav>