CDN starter
Мгновенно включайте скомпилированные CSS и JavaScript Bootstrap через CDN jsDelivr.
Стартовые наборы
Функциональные примеры использования Bootstrap в популярных JS-фреймворках, таких как Webpack, Parcel, Vite и других, которые вы можете редактировать в StackBlitz.
Sass & JS
Используйте npm для импорта и компиляции Bootstrap Sass с Autoprefixer и Stylelint, а также наш встроенный JavaScript.
Sass & ESM JS
Импортируйте и скомпилируйте Sass Bootstrap с помощью Autoprefixer и Stylelint, а также скомпилируйте исходный код JavaScript с прокладкой ESM.
Bootstrap color modes
Импортируйте и скомпилируйте Sass Bootstrap с помощью Stylelint и цветовых режимов Bootstrap.
Bootstrap Icons
Импортируйте и скомпилируйте Sass Bootstrap с помощью Stylelint, PurgeCSS и веб-шрифта Bootstrap Icons.
Parcel
Импорт и объединение исходного кода Bootstrap Sass и JavaScript через Parcel.
React
Импорт и объединение исходного кода Bootstrap Sass и JavaScript с React, Next.js и React Bootstrap.
Vite
Импорт и объединение исходного кода Bootstrap Sass и JavaScript с Vite.
Vue
Импорт и объединение исходного кода Bootstrap Sass и JavaScript с Vue и Vite.
Webpack
Импорт и объединение исходного кода Bootstrap Sass и JavaScript с Webpack.
Сниппеты
Образцы, которые помогут вам создать сайт или приложение, используя существующие компоненты и утилиты с пользовательским CSS и более.
Headers
Отображение вашего брендинга, навигации, поиска и более с этими компонентами заголовка
Heroes
Установите этап на вашей домашней странице с героями, которые имеют четкие вызовы к действию.
Features
Объясните функции, преимущества или другие детали в вашем маркетинговом контенте.
Sidebars
Образцы общей навигации, идеальные для оффскрина или многоколоночных макетов.
Footers
Завершите каждую страницу мощным нижним колонтитулом, большим или маленьким.
Dropdowns
Улучшите свои выпадающие меню с фильтрами, иконками, пользовательскими стилями и более.
List groups
Расширьте списковые группы с утилитами и пользовательскими стилями для любого контента.
Modals
Превратите модальные окна в любые цели, от тур-функций до диалогов.
Badges
Сделайте значки работать с пользовательским внутренним HTML и новым внешним видом.
Breadcrumbs
Интегрируйте пользовательские иконки и создайте компоненты шага.
Buttons
Create custom buttons for just about any use case with utilities.
Jumbotrons
Создайте модернизированные версии классического компонента Bootstrap.
Пользовательские компоненты
Совершенно новые компоненты и шаблоны, которые помогут вам быстро начать работу с Bootstrap и продемонстрировать лучшие практики для добавления в фреймворк.
Album
Простой шаблон одной страницы для галерей фотографий, портфолио и более.
Pricing
Пример ценников, построенный с картами и пользовательскими заголовком и нижним колонтитулом.
Checkout
Пользовательский формат оплаты, показывающий наши компоненты формы и их функции валидации.
Product
Легкий продукто-ориентированный маркетинговый сайт с расширенной сеткой и работой с изображениями.
Cover
Шаблон одной страницы для создания простых и красивых домашних страниц.
Carousel
Настройте панель навигации и слайд-шоу, затем добавьте несколько новых компонентов.
Blog
Блог, похожий на журнал, с заголовком, навигацией и основным содержимым.
Dashboard
Базовый шаблон администраторской панели с фиксированной боковой панелью и панелью навигации.
Sign-in
Пользовательский макет и дизайн для простого формы входа.
Sticky footer
Прикрепите нижний колонтитул к нижней части viewport при коротком содержимом страницы.
Sticky footer navbar
Прикрепите нижний колонтитул к нижней части viewport с фиксированной верхней панелью навигации.
Jumbotron
Используйте утилиты для воссоздания и улучшения jumbotron Bootstrap 4.
Фреймворк
Примеры, которые фокусируются на использовании встроенных компонентов, предоставляемых Bootstrap.
Starter template
Ничего, кроме основ: скомпилированный CSS и JavaScript.
Grid
Множество примеров макетов сетки с четырьмя уровнями, вложенностью и более.
Cheatsheet
Кухонная раковина Bootstrap компонентов.
Панели навигации
Возьмите встроенный компонент панели навигации и покажите, как его можно переместить, разместить и расширить.
Navbars
Демонстрация всех вариантов отзывчивости и контейнеров для панели навигации.
Navbars offcanvas
То же, что и пример Navbars, но с нашим компонентом вне холста.
Navbar static
Одиночный пример панели навигации с фиксированной верхней панелью навигации и некоторым дополнительным содержимым.
Navbar fixed
Одиночный пример панели навигации с фиксированной верхней панелью навигации и некоторым дополнительным содержимым.
Navbar bottom
Одиночный пример панели навигации с нижней панелью навигации и некоторым дополнительным содержимым.
Offcanvas navbar
Превратите расширяемую панель навигации в скользящее меню вне холста (не использует наш компонент вне холста).
RTL версия
Посмотрите RTL версию Bootstrap в действии с этими модифицированными примерами из различных категорий.
Album RTL
Простой шаблон одной страницы для галерей фотографий, портфолио и более.
Checkout RTL
Пользовательский формат оплаты, показывающий наши компоненты формы и их функции валидации.
Carousel RTL
Настройте панель навигации и слайд-шоу, затем добавьте несколько новых компонентов.
Blog RTL
Блог, похожий на журнал, с заголовком, навигацией и основным содержимым.
Dashboard RTL
Базовый шаблон администраторской панели с фиксированной боковой панелью и панелью навигации.
Cheatsheet RTL
Кухонная раковина Bootstrap компонентов, RTL.
Интеграции
Интеграции с внешними библиотеками.
Masonry
Объедините мощь сетки Bootstrap и макета Masonry.