Breadcrumb

Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS. Read Bootstrap documentation

nav.mb-0(aria-label='breadcrumb')
	ol.breadcrumb.mb-0
		li.breadcrumb-item
			a(href='#')
				| Page 1
		li.breadcrumb-item
			a(href='#')
				| Page 2
		li.breadcrumb-item.active(aria-current="page")
			| Page 3
<nav class="mb-0" aria-label="breadcrumb">
	<ol class="breadcrumb mb-0">
		<li class="breadcrumb-item">
			<a href="#">Page 1</a>
		</li>
		<li class="breadcrumb-item">
			<a href="#">Page 2</a>
		</li>
		<li class="breadcrumb-item active" aria-current="page">
			Page 3
		</li>
	</ol>
</nav>

Visit Bootstrap documentation to learn more about this component


Version 2.0.0, hello@getreplacer.com

To spread the power of good design