Breadcrumbs are a great way to show hierarchy-based information for a site. In the case of blogs, breadcrumbs can show the dates of publishing, categories, or tags. They indicate the current page's location within a navigational hierarchy.

Structure

Separators are automatically added in CSS through :before and content.

Examples:

HTML Code:

<ol class="breadcrumb">
	<li><a href="#">Admin</a></li>
	<li><a href="#">Dashboard</a></li>
	<li><a href="#">Components</a></li>
	<li>Breadcrumbs</li>
</ol>