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>

Читайте также

Быть веб-разработчиком в 2020 – Часть 2. Выбор правильной структуры CSS

3 апреля, 2020

Вопросы для собеседования по Bootstrap

13 октября, 2023

Как пользоваться bootstrap Glyphicons

14 февраля, 2017

7 Основных инструментов для Frontend веб-разработки сайтов в 2023 году

6 декабря, 2022