Перейти до основного вмісту

Приклади

Швидко почніть проект за допомогою будь-якого з наших прикладів, починаючи від використання частин фреймворка й закінчуючи спеціальними компонентами та макетами.

Фрагменти

Загальні шаблони для створення сайтів і додатків, які будуються на основі наявних компонентів і утиліт із власним CSS тощо.

Заголовки

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

Герої

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

особливості

Поясніть особливості, переваги та інші деталі свого маркетингового вмісту.

Бічні панелі

Звичайні шаблони навігації ідеальні для макетів поза полотном або з кількома стовпцями.

Колонтитули

Завершіть кожну сторінку чудовим нижнім колонтитулом, великим чи малим.

Випадаючі списки

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

Список груп

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

Модальні

Трансформуйте моди для будь-яких цілей, від екскурсій по функціях до діалогів.

Спеціальні компоненти

Абсолютно нові компоненти та шаблони, які допоможуть людям швидко розпочати роботу з Bootstrap і продемонструють найкращі методи додавання до фреймворку.

Альбом

Простий односторінковий шаблон для фотогалерей, портфоліо тощо.

Ціноутворення

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

Перевірити

Спеціальна форма оформлення замовлення, яка показує наші компоненти форми та їх функції перевірки.

Продукт

Економна маркетингова сторінка, орієнтована на продукт, із великою сіткою та зображеннями.

Обкладинка

Односторінковий шаблон для створення простих і красивих домашніх сторінок.

Карусель

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

Блог

Шаблон блогу, схожий на журнал, із заголовком, навігацією, рекомендованим вмістом.

Панель приладів

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

Увійти

Спеціальний макет форми та дизайн для простої форми входу.

Клейкий колонтитул

Прикріпіть нижній колонтитул до нижньої частини вікна перегляду, якщо вміст сторінки короткий.

Навігаційна панель нижнього колонтитула

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

Джамботрон

Використовуйте утиліти, щоб відтворити та покращити jumbotron Bootstrap 4.

Каркас

Приклади, які зосереджені на реалізації використання вбудованих компонентів, надані Bootstrap.

Початковий шаблон

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

Сітка

Кілька прикладів макетів сітки з усіма чотирма рівнями, гніздуванням тощо.

Шпаргалку

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

Шпаргалка RTL

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

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

Панелі навігації

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

Навігаційна панель статична

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

Навігаційна панель виправлена

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

Навігаційна панель внизу

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

Панель навігації Offcanvas

Перетворіть свою навігаційну панель, що розширюється, на ковзаюче меню поза полотном (не використовує наш компонент offcanvas).

RTL

Подивіться на роботу версії Bootstrap RTL із цими модифікованими прикладами спеціальних компонентів.

Функція RTL все ще експериментальна і, ймовірно, буде розвиватися відповідно до відгуків користувачів. Помітили щось або хочете запропонувати покращення? Відкрийте випуск , ми будемо раді отримати вашу думку.

Альбом RTL

Простий односторінковий шаблон для фотогалерей, портфоліо тощо.

Оформити замовлення RTL

Спеціальна форма оформлення замовлення, яка показує наші компоненти форми та їх функції перевірки.

Карусель RTL

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

Блог RTL

Шаблон блогу, схожий на журнал, із заголовком, навігацією, рекомендованим вмістом.

Приладова панель RTL

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

Інтеграції

Інтеграція із зовнішніми бібліотеками.

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

Поєднайте можливості сітки Bootstrap і макета Masonry.


Ідіть далі з темами Bootstrap

Потрібно щось більше, ніж ці приклади? Виведіть Bootstrap на новий рівень за допомогою преміальних тем з офіційного ринку тем Bootstrap . Вони створені як власні розширені структури, багаті новими компонентами та плагінами, документацією та потужними інструментами для створення.

Переглядайте теми
Теми Bootstrap