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>