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

Примеры

Быстро начните проект с любым из наших примеров, начиная от использования частей фреймворка и заканчивая пользовательскими компонентами и макетами.

Фрагменты

Общие шаблоны для создания сайтов и приложений, основанных на существующих компонентах и ​​утилитах с пользовательским CSS и т. д.

Заголовки

Отобразите свой брендинг, навигацию, поиск и многое другое с помощью этих компонентов заголовка.

Герои

Создайте сцену на своей домашней странице с героями, которые содержат четкие призывы к действию.

Функции

Объясните особенности, преимущества или другие детали вашего маркетингового контента.

Боковые панели

Общие шаблоны навигации идеально подходят для макетов вне холста или с несколькими столбцами.

Пользовательские компоненты

Совершенно новые компоненты и шаблоны, которые помогут людям быстро начать работу с Bootstrap и продемонстрируют передовой опыт добавления в фреймворк.

Альбом

Простой одностраничный шаблон для фотогалерей, портфолио и многого другого.

Цены

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

Проверить

Пользовательская форма оформления заказа, показывающая наши компоненты формы и их функции проверки.

Товар

Простая маркетинговая страница, ориентированная на продукт, с обширной сеткой и изображениями.

Покрытие

Одностраничный шаблон для создания простых и красивых домашних страниц.

Карусель

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

Блог

Журнал как шаблон блога с заголовком, навигацией, избранным контентом.

Приборная доска

Базовая оболочка панели администратора с фиксированной боковой панелью и панелью навигации.

Войти

Пользовательский макет формы и дизайн для простой формы входа.

Липкий нижний колонтитул

Прикрепите нижний колонтитул к нижней части окна просмотра, если содержимое страницы короткое.

Липкая панель навигации нижнего колонтитула

Прикрепите нижний колонтитул к нижней части окна просмотра с фиксированной верхней панелью навигации.

Джамботрон

Используйте утилиты для воссоздания и улучшения jumbotron Bootstrap 4.

Рамки

Примеры, посвященные реализации использования встроенных компонентов, предоставляемых Bootstrap.

Стартовый шаблон

Ничего, кроме основ: скомпилированные CSS и JavaScript.

Сетка

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

Шпаргалка

Кухонная мойка из компонентов Bootstrap.

Шпаргалка RTL

Кухонная мойка из компонентов Bootstrap, RTL.

Взяв компонент панели навигации по умолчанию и показав, как его можно перемещать, размещать и расширять.

Навбары

Демонстрация всех адаптивных и контейнерных опций для панели навигации.

Статическая панель навигации

Одиночный пример статической верхней панели навигации вместе с некоторым дополнительным содержимым.

Навбар исправлен

Пример одной панели навигации с фиксированной верхней панелью навигации вместе с некоторым дополнительным содержимым.

Нижняя панель навигации

Пример одной панели навигации с нижней панелью навигации и некоторым дополнительным содержимым.

Offcanvas навигационная панель

Превратите свою расширяемую панель навигации в скользящее меню вне холста (не использует наш компонент вне холста).

справа налево

Посмотрите версию Bootstrap RTL в действии с этими модифицированными примерами пользовательских компонентов.

Функция RTL все еще является экспериментальной и, вероятно, будет развиваться в соответствии с отзывами пользователей. Заметили что-то или хотите предложить улучшение? Откройте вопрос , мы хотели бы получить ваши идеи.

Альбом РТЛ

Простой одностраничный шаблон для фотогалерей, портфолио и многого другого.

Оформить заказ RTL

Пользовательская форма оформления заказа, показывающая наши компоненты формы и их функции проверки.

Карусель РТЛ

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

Блог RTL

Журнал как шаблон блога с заголовком, навигацией, избранным контентом.

Дашборд RTL

Базовая оболочка панели администратора с фиксированной боковой панелью и панелью навигации.

Интеграции

Интеграции с внешними библиотеками.

Каменная кладка

Объедините возможности сетки Bootstrap и макета Masonry.


Идите дальше с темами Bootstrap

Нужно что-то большее, чем эти примеры? Поднимите Bootstrap на новый уровень с премиальными темами с официального рынка тем Bootstrap . Они созданы как собственные расширенные фреймворки, богатые новыми компонентами и плагинами, документацией и мощными инструментами сборки.

Обзор тем
Загрузочные темы