Bootstrap примеры: Примеры. Документация · Bootstrap v5.0.2

Примеры. Документация · Bootstrap v5.0.2

Фрагменты

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

Заголовки

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

Герои

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

Особенности

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

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

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

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

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

Альбом

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

Прайслист

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

Оформление заказа

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

Продукт

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

Обложка

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

Слайдер

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

Блог

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

Панель администратора

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

Форма входа

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

Закрепленный футер

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

Прижатый футер с меню

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

Джамботрон

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

Фреймворк

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

Базовый шаблон

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

Разметка

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

Шпаргалка

Множество компонентов Bootstrap.

Шпаргалка RTL

Множество компонентов Bootstrap, RTL.

Панели навигации

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

Панели навигации

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

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

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

Фиксированная панель

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

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

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

Панель навигации вне холста

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

RTL

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

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

Альбом RTL

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

Оформление заказа RTL

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

Слайдер RTL

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

Блог RTL

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

Панель администратора RTL

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

Интеграция

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

Masonry

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

Please enable JavaScript to view the comments powered by Disqus.

Примеры стартовых шаблонов на bootstrap 5

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

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

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

Альбом

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

Цены

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

Форма оформления заказа

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

Продукт

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

Обложка

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

Карусель

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

Блог

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

Админ панель

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

Вход в систему

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

Липкий футер

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

Фреймворк

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

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

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

Сетка

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

д.

Navbars

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

Навигационные панели

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

Нижний navbar

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

Эксперименты

Примеры, ориентированные на перспективные функции или методы.

Floating labels

Красивые простые формы с плавающими надписями над входными данными.

offcanvas

Превратите расширяемую панель навигации в выдвижное меню вне холста.

Интеграции

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

Masonry (масонри)

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

---

Пойдите дальше с темами Bootstrap

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

Обзор тем

Примеры · Bootstrap v5.1

Фрагменты

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

Заголовки

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

героев

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

Особенности

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

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

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

Нижние колонтитулы

Завершите каждую страницу потрясающим нижним колонтитулом, большим или маленьким.

Выпадающие списки

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

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

Расширьте группы списков утилитами и пользовательскими стилями для любого контента.

Модалы

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

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

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

Альбом

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

Цены

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

Касса

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

Продукт

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

Крышка

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

Карусель

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

Блог

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

Приборная панель

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

Войти

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

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

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

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

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

Джамботрон

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

Framework

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

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

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

Сетка

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

Шпаргалка

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

Шпаргалка RTL

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

Панели навигации

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

Навбары

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

Навбар статический

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

Навбар фиксированный

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

Панель навигации нижняя

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

Панель навигации Offcanvas

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

RTL

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

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

Альбом RTL

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

Касса RTL

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

Карусель RTL

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

Блог RTL

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

Приборная панель RTL

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

Интеграция

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

Кирпичная кладка

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

---

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

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

Просмотр тем

Примеры · Bootstrap v5.2

Фрагменты кода

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

Заголовки

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

героев

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

Характеристики

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

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

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

Нижние колонтитулы

Завершите каждую страницу потрясающим нижним колонтитулом, большим или маленьким.

Выпадающие списки

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

Группы списка

Расширьте группы списков утилитами и пользовательскими стилями для любого контента.

Модалы

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

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

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

Альбом

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

Цены

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

Касса

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

Продукт

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

Крышка

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

Карусель

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

Блог

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

Приборная панель

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

Войти

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

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

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

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

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

Джамботрон

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

Framework

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

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

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

Сетка

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

Шпаргалка

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

Шпаргалка RTL

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

Панели навигации

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

Навбары

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

Навбары offcanvas

То же, что и в примере с Navbars, но с нашим компонентом offcanvas.

Навбар статический

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

Навбар фиксированный

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

Панель навигации нижняя

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

Панель навигации Offcanvas

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

RTL

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

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

Пожалуйста, откройте вопрос.

Альбом RTL

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

Касса RTL

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

Карусель RTL

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

Блог RTL

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

Приборная панель RTL

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

Интеграция

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

Кирпичная кладка

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

---

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

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