Компоненты

Компоненты Bootstrap — это коллекция инструментов применяемых в дизайне сайтов. Каждый компонент, как правило, включает в себя набор нескольких элементов HTML, стили для них и при необходимости скрипты, обеспечивающие взаимодействие с пользователем. Ниже описаны некоторые популярные компоненты Bootstrap.

Группа кнопок

Объединяет несколько кнопок в одну группу, которая отображается как единое целое, без промежутков между кнопками.

Группа кнопок

Ниспадающее меню

Содержит кнопку, при нажатии на которую появляется список со ссылками.

Ниспадающее меню

Вкладки

На сайтах вкладки применяются там, где требуется компактно и наглядно скомпоновать информацию по блокам.

Вкладки

Хлебные крошки

На сайтах навигация в виде хлебных крошек применяется чтобы показать путь к текущему документу и его положение в иерархии сайта.

Хлебные крошки

Нумерация страниц

Для блогов общее количество постов разбивается на отдельные страницы, чтобы меньше загружать трафик и для упрощения восприятия информации. Переход между страницами делается с помощью специального пейджера с номерами всех страниц или ссылками на предыдущую и следующую страницу.

Нумерация страниц

Эскизы

Эскиз — это уменьшенное изображение, одновременно являющееся ссылкой на страницу, либо на то же изображение увеличенное в размерах.

Эскизы

Сообщения

Чтобы дать пользователю знать о результатах его действий применяются информационные сообщения — для разных целей используются разные цвета.

Сообщения

Всплывающая подсказка

Выводит поясняющий текст при наведении курсора на элемент.

Всплывающая подсказка

См. также

Описание всех компонентов Bootstrap

http://getbootstrap.com/components

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 18.08.2016
Редакторы: Влад Мержевич
Курс по вёрстке сайта на CSS Grid