Breadcrumb

A breadcrumb is used to show hierarchy between content.

Example # Basic

HTML
<nav class="bs-breadcrumb" aria-label="Breadcrumb">
    <ol>
        <li>
            <a href="#">Home</a>
        </li>
        <li>
            <a href="#">About</a>
        </li>
        <li class="active" aria-current="page">
            At a Glance
        </li>
    </ol>
</nav>

Example # Arrow

Add class "bs-breadcrumb--arrow" to <div class="bs-breadcrumb">

<nav class="bs-breadcrumb bs-breadcrumb--arrow" aria-label="Breadcrumb">