Фрагменты
Общие шаблоны для создания сайтов и приложений, основанных на существующих компонентах и утилитах с настраиваемым CSS и т.д.
![](/docs/5.0/assets/img/examples/headers.png)
Заголовки
Отобразите свой брендинг, навигацию, поиск и многое другое с помощью этих компонентов заголовка.
![](/docs/5.0/assets/img/examples/heroes.png)
Герои
Создайте сцену на своей домашней странице с помощью героев с четкими призывами к действию.
![](/docs/5.0/assets/img/examples/features.png)
Функции
Объясните особенности, преимущества или другие детали Вашего маркетингового контента.
![](/docs/5.0/assets/img/examples/sidebars.png)
Боковые панели
Общие шаблоны навигации идеально подходят для макетов вне холста или нескольких столбцов.
Пользовательские компоненты
Совершенно новые компоненты и шаблоны, которые помогут людям быстро приступить к работе с Bootstrap и продемонстрируют лучшие практики для добавления в платформу.
![](/docs/5.0/assets/img/examples/album.png)
Альбом
Простой одностраничный шаблон для фотогалереи, портфолио и т.д.
![](/docs/5.0/assets/img/examples/pricing.png)
Ценообразование
Пример страницы с ценами, созданной с помощью карточек, с настраиваемым верхним и нижним колонтитулами.
![](/docs/5.0/assets/img/examples/checkout.png)
Оформление заказа
Пользовательская форма оформления заказа, показывающая наши компоненты формы и их функции проверки.
![](/docs/5.0/assets/img/examples/product.png)
Продукт
Экономичная маркетинговая страница, ориентированная на продукт, с обширной сеткой и изображениями.
![](/docs/5.0/assets/img/examples/cover.png)
Обложка
Одностраничный шаблон для создания простых и красивых домашних страниц.
![](/docs/5.0/assets/img/examples/carousel.png)
Карусель
Настройте панель навигации и карусель, а затем добавьте новые компоненты.
![](/docs/5.0/assets/img/examples/blog.png)
Блог
Журнал как шаблон блога с заголовком, навигацией, избранным контентом.
![](/docs/5.0/assets/img/examples/dashboard.png)
Панель
Базовая оболочка панели администратора с фиксированной боковой панелью и навигационной панелью.
![](/docs/5.0/assets/img/examples/sign-in.png)
Форма входа
Индивидуальный макет и дизайн формы для простой формы входа.
![](/docs/5.0/assets/img/examples/sticky-footer.png)
Закрепленный футер
Прикрепленный нижний колонтитул к нижней части области просмотра, когда содержимое страницы мало.
![](/docs/5.0/assets/img/examples/sticky-footer-navbar.png)
Закрепленный футер и панель навигации
Прикрепленный нижний колонтитул к нижней части области просмотра с помощью фиксированной верхней панели навигации.
![](/docs/5.0/assets/img/examples/jumbotron.png)
Джамботрон
Используйте утилиты для воссоздания и улучшения jumbotron Bootstrap 4.
Фреймворк
Примеры, которые сосредоточены на реализации использования встроенных компонентов, предоставляемых Bootstrap.
![](/docs/5.0/assets/img/examples/starter-template.png)
Стартовый шаблон
Ничего, кроме простоты: скомпилированный CSS и JavaScript.
![](/docs/5.0/assets/img/examples/grid.png)
Сетка
Несколько примеров макетов сетки со всеми четырьмя уровнями, вложенностью и т.д.
![](/docs/5.0/assets/img/examples/cheatsheet.png)
Шпаргалка
Шпаргалка Bootstrap компонентов.
Панели навигации
Взять компонент панели навигации по умолчанию и показать, как его можно перемещать, размещать и расширять.
![](/docs/5.0/assets/img/examples/navbars.png)
Панели навигации
Демонстрация всех адаптивных и контейнерных опций для навигационной панели.
![](/docs/5.0/assets/img/examples/navbar-static.png)
Статичная панель навигации
Пример статической верхней панели навигации с одним дополнительным контентом.
![](/docs/5.0/assets/img/examples/navbar-fixed.png)
Фиксированная панель навигации
Пример единой панели навигации с фиксированной верхней панелью навигации и некоторым дополнительным контентом.
![](/docs/5.0/assets/img/examples/navbar-bottom.png)
Нижняя панель навигации
Пример единой панели навигации с нижней панелью навигации и дополнительным контентом.
![](/docs/5.0/assets/img/examples/offcanvas-navbar.png)
Панель навигации вне холста
Превратите расширяемую панель навигации в скользящее меню вне холста (не использует наш компонент вне холста).
RTL
Посмотрите, как работает RTL-версия Bootstrap с этими модифицированными примерами пользовательских компонентов.
Функция RTL все еще является экспериментальной и, вероятно, будет развиваться в соответствии с отзывами пользователей. Заметили что-то или хотите предложить улучшение? Откройте вопрос, мы будем рады узнать Ваше мнение.
![](/docs/5.0/assets/img/examples/cheatsheet-rtl.png)
Шпаргалка RTL
Шпаргалка Bootstrap компонентов, RTL.
![](/docs/5.0/assets/img/examples/album-rtl.png)
Альбом RTL
Простой одностраничный шаблон для фотогалерей, портфолио и т.д.
![](/docs/5.0/assets/img/examples/checkout-rtl.png)
Оформление заказа RTL
Пользовательская форма оформления заказа, показывающая наши компоненты формы и их функции проверки.
![](/docs/5.0/assets/img/examples/carousel-rtl.png)
Карусель RTL
Настройте панель навигации и карусель, а затем добавьте новые компоненты.
![](/docs/5.0/assets/img/examples/blog-rtl.png)
Блог RTL
Журнал как шаблон блога с заголовком, навигацией, избранным контентом.
![](/docs/5.0/assets/img/examples/dashboard-rtl.png)
Панель RTL
Базовая оболочка панели администратора с фиксированной боковой панелью и навигационной панелью.
Интеграции
Интеграции с внешними библиотеками.
![](/docs/5.0/assets/img/examples/masonry.png)
Masonry
Объедините возможности сетки Bootstrap и макета Masonry.
В будущее с темами Bootstrap
Вам нужно нечто большее, чем эти примеры? Поднимите Bootstrap на новый уровень с премиальными темами из официальной торговой площадки Bootstrap Themes. Они созданы как собственные расширенные фреймворки, богатые новыми компонентами и плагинами, документацией и мощными инструментами сборки.
Обзор тем![Темы Bootstrap](/docs/5.0/assets/img/bootstrap-themes-collage.png)
![Темы Bootstrap](/docs/5.0/assets/img/bootstrap-themes-collage.png)