Bootstrap Breadcrumb Navigation (Breadcrumbs)
Breadcrumb navigation (Breadcrumbs) is a display method based on website hierarchy information. Taking a blog as an example, breadcrumb navigation can show the publication date, category, or tags. They represent the position of the current page within the navigation hierarchy.
Breadcrumb navigation (Breadcrumbs) in Bootstrap is a simple.breadcrumbunordered list with class. Separators are automatically added via the class shown below in CSS (bootstrap.min.css):
.breadcrumb > li + li:before {
color: #CCCCCC;
content: "/ ";
padding: 0 5px;
}
The following example demonstrates breadcrumb navigation:
Example
<ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">2013</a></li>
<li class="active">November</li>
</ul>
Try it »
The result is shown below:
