Дурные примеры, несомненно, действуют сильнее хороших правил (Д. Локк).

Bootstrap — Breadcrumbs

29.05.2017
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>

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Если статья понравилась, то поделитесь ей в социальных сетях:

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

2 комментариев

Виталий Бриль 14.06.2019 в 20:13

Какой-то бред… У меня не работает и всё запутанно рассказано.
Интересней было бы привести пример в стиле ООП

Сергей Брин 11.08.2024 в 22:25

Нормально всё расписано.
В моей компании многие используют эту статью.

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Загрузка...

Спасибо!

Теперь редакторы в курсе.

Прокрутить страницу до начала