YouTipBootstrap Breadcrumbs
# Bootstrap Breadcrumbs
Breadcrumbs are a way of displaying information based on the hierarchy of the website. For example, a blog can show the publication date, category, or tag. They indicate the current page's position within the navigation hierarchy.
In Bootstrap, Breadcrumbs are a simple unordered list with the class **.breadcrumb**. The separator is automatically added via CSS (bootstrap.min.css) as shown below:
.breadcrumb > li + li:before { color: #CCCCCC; content: "/ "; padding: 0 5px;}
The following example demonstrates the breadcrumbs:
## Example
[Try it »](#)
The result is as follows:
