<!--
To center on mobile, add to .breadcrumb:
justify-content-md-start justify-content-center
-->
<!-- breadcrumb : clean (default) -->
<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 active" aria-current="page">Data</li>
</ol>
</nav>
<!-- breadcrumb : bg-light -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb bg-light p-3">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
</ol>
</nav>
<!-- breadcrumb : bordered -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb border p-3">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
</ol>
</nav>
<!-- breadcrumb : border-bottom -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb border-bottom p-3">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
</ol>
</nav>
<!-- breadcrumb : sublime -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb breadcrumb-sublime p-3">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
</ol>
</nav>