Components

<!--

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>