Bootstrap базовый курс

Bootstrap плагины

Страницы разделения Bootstrap Навигационная панель Bootstrap

Навигация по бreadcrump Bootstrap

Крошечные вкладки навигации (Breadcrumbs) - это способ отображения информации о иерархии сайта. Например, в блоге крошечные вкладки навигации могут показывать дату публикации, категорию или тег. Они показывают текущее положение страницы в иерархической навигации.

Крошечные вкладки навигации (Breadcrumbs) в Bootstrap - это простая навигация с .breadcrumb несписок классов. Разделители автоматически добавляются через класс, показанный ниже в CSS (bootstrap.min.css):

.breadcrumb > li + li:before {
　　　　цвет: #CCCCCC;
　　　　содержимое: "/ ";
　　　　отступ: 0 5px;
}

Ниже приведен пример крошечных вкладок навигации:

Онлайн пример

Пример

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">　
	<title>Bootstrap пример - крошечные вкладки навигации</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">　　
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<ul class="breadcrumb">
	<li><a href="#">Дом</a></li>
	<li><a href="#">2012</a></li>
	<li class="active">Декабрь</li>
</ul>
</body>
</html>

Проверьте, ›/›

Результаты показаны ниже:

Страницы разделения Bootstrap Навигационная панель Bootstrap