Перейти к основному содержанию Перейти к навигации по документам

Компоненты

Быстро создавайте готовые блоки используя компоненты Bootstrap 5

Содержание

Модальное окно (modal)

Используйте модальный JavaScript плагин Bootstrap для добавления диалоговых окнон на ваш сайт для лайтбоксов, уведомлений пользователей или полностью настраиваемого контента.

Подсказки

Документация и примеры добавления настраиваемых всплывающих подсказок Bootstrap с CSS и JavaScript, используя CSS3 для анимации, и атрибуты данных для локального хранения заголовков.

Всплывающие сообщения

Настраивайте всплывающие сообщения для предупреждающих уведомлений посетителей.

Спиннеры

Укажите состояние загрузки компонента или страницы с помощью спиннеров Bootstrap, созданных полностью с использованием HTML, CSS и без JavaScript.

Отслеживание прокрутки

Автоматическое обновление компонентов навигации Bootstrap или группы списков на основе позиции прокрутки, для указания того, какая ссылка в данный момент активна в области просмотра.

Прогрессбар

Документация и примеры использования настраиваемых индикаторов выполнения Bootstrap с поддержкой составных полос, анимированных фонов и текстовых меток.

Заполнители

Документация и примеры добавления всплывающих окон Bootstrap к любому элементу на вашем сайте, подобных тем, какие есть в iOS.

Заполнители

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

Пагинация (pagination)

Документация и примеры отображения разбивки на страницы существующего материала на нескольких страницах.

Вне холста

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

Навигация и вкладки

Документация и примеры использования навигационных компонентов Bootstrap.

navbar (меню)

Документация и примеры по адаптивной навигационной панели Bootstrap 5. Включает поддержку брендинга, навигации с поддержкой плагина для свертывания.

Аккордеон

Создавайте вертикально сворачивающиеся аккордеоны в сочетании с нашим плагином Collapse на JavaScript.

Группа списков

Группы списков - это гибкий и мощный компонент для отображения контента. Изменяйте и расширяйте их для поддержки практически любого содержимого.

Выпадающие списки (dropdowns)

Переключайте контекстные оверлеи для отображения списков ссылок и многого другого с помощью плагина раскрывающегося списка Bootstrap.

Сворачиваемый контент

Переключайте видимость контента в вашем проекте с помощью нескольких классов и наших плагинов JavaScript.

Кнопка закрытия

Универсальная кнопка закрытия для закрытия содержимого, например, модального окна и предупреждения.

Карусель

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

Карточки

Карточки Bootstrap предоставляют собой гибкий и расширяемый контейнер контента с множеством вариантов и опций.

Кнопки (buttons)

Используйте настраиваемые стили кнопок Bootstrap для взаимодействия с формами, диалоговыми окнами, т.п. Имеется поддержка нескольких размеров, состояний и т.д.

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

Сгруппируйте несколько кнопок в одну строку или сложите их в вертикальный столбец.

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

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

Значки

Документация и примеры «значков» - для отображения значений количества, ярлыков или меток.

Уведомления

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

Помочь проекту