Main Menu

Breadcrumb

Lorem ipsum dolor sit amet

Breadcrumb Basic

<!-- Breadcrumb Basic -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
    <li class="breadcrumb-item active" aria-current="page">Home</li>
</ol>
</nav>

<nav aria-label="breadcrumb">
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item active" aria-current="page">About</li>
</ol>
</nav>

<nav aria-label="breadcrumb">
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item"><a href="#">About</a></li>
    <li class="breadcrumb-item active" aria-current="page">Contact</li>
</ol>
</nav>
Breadcrumb Light

<!-- Breadcrumb Light -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb breadcrumb-light">
    <li class="breadcrumb-item active" aria-current="page">Home</li>
</ol>
</nav>

<nav aria-label="breadcrumb">
<ol class="breadcrumb breadcrumb-light">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item active" aria-current="page">About</li>
</ol>
</nav>

<nav aria-label="breadcrumb">
<ol class="breadcrumb breadcrumb-light">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item"><a href="#">About</a></li>
    <li class="breadcrumb-item active" aria-current="page">Contact</li>
</ol>
</nav>
Breadcrumb Custom Divider

<!-- Breadcrumb Basic -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
    <li class="breadcrumb-item active" aria-current="page">Home</li>
</ol>
</nav>

<nav aria-label="breadcrumb">
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item active" aria-current="page">About</li>
</ol>
</nav>

<nav aria-label="breadcrumb">
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item"><a href="#">About</a></li>
    <li class="breadcrumb-item active" aria-current="page">Contact</li>
</ol>
</nav>