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

Примеры

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

Скачать исходный код

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

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

Альбом | Album screenshot
Альбом

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

Прайслист | Pricing screenshot
Прайслист

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

Форма заказа | Checkout screenshot
Checkout

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

Продукт | Product screenshot
Продукт

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

Обложка | Cover screenshot
Обложка

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

Слайдер | Carousel screenshot
Слайдер

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

Блог | Blog screenshot
Блог

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

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

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

Страница входа | Sign-in screenshot
Страница входа

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

Прижатый футер | Sticky footer screenshot
Прижатый футер

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

Прижатый футер с меню | Sticky footer navbar screenshot
Прижатый футер с меню

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

Фреймворк

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

Базовый шаблон | Starter template screenshot
Базовый шаблон

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

Разметка | Grid screenshot
Разметка

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

Макет jumbotron | Jumbotron screenshot
Jumbotron

Макет jumbotron с навигационной панели и базовая система разметки.

Navbars

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

Навигационное меню | Navbars screenshot
Навигационное меню

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

Статическое меню | Navbar static screenshot
Статическое меню

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

Фиксированное меню | Navbar fixed screenshot
Фиксированное меню

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

Навигационное меню внизу | Navbar bottom screenshot
Навигационное меню внизу

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

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

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

Плавающие этикетки | Floating labels screenshot
Плавающие этикетки

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

Скользящее меню | Offcanvas screenshot
Скользящее меню

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