Bootstrap - Breadcrumb

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.

A breadcrumb in Bootstrap is simply an unordered list with a class of.breadcrumb. The separator is automatically added by CSS (bootstrap.min.css) through the following class −

.breadcrumb > li + li:before {

   color: #CCCCCC;

   content: "/ ";

   padding: 0 5px;

}

The following example demonstrates breadcrumbs −

<ol class = "breadcrumb">

   <li><a href = "#">Home</a></li>

   <li><a href = "#">2013</a></li>

   <li class = "active">November</li>

</ol>