Bootstrap Breadcrumb

Breadcrumbs allow users to keep track of their locations within websites. This is the great approach to show the hierarchy-based location of the site. And in the case of blogs you can see the breadcrumbs show the dates of publishing, categories, or tags. They point to the location of current page within a navigational hierarchy. In Bootstrap a breadcrumb is simply used an unordered list with a class of .breadcrumb. The divider is automatically added by CSS (bootstrap.min.css) through the following class:

.breadcrumb > li + li:before 
 color: #CCCCCC;
 content: "/ ";
 padding: 0 5px;

Following example demonstrates breadcrumbs:

<ol class="breadcrumb">
 <li><a href="#">Home</a></li>
 <li><a href="#">Website Templates</a></li>
 <li class="active">HTML Templates</li>
</ol>

Demo

Bootstrap Breadcrumb