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. Breadcrumb navigation can greatly enhance the accessibility of the websites having a large number of pages. To create static breadcrumbs layouts with Bootstrap simply using the class .breadcrumb
on the unordered lists.
Example
<ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li class="active">Accessories</li>
</ul>
Preview
