Bootstrap – Breadcrumbs

Breadcrumbs в Bootstrap просто неупорядоченный список с классом .breadcrumb. Сепаратор автоматически добавляется CSS (bootstrap.min.css) через следующий класс:

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

Следующий пример демонстрирует хлебные крошки:

<ol class = "breadcrumb">
   <li><a href = "#">Главная</a></li>
   <li><a href = "#">2017</a></li>
   <li class = "active">Май</li>
</ol>