Bootstrap – Breadcrumbs

Breadcrumbs являются отличным способом, чтобы показать информацию на основе иерархии для сайта. В случае блогов, 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>