Приклади
Швидко почніть проект за допомогою будь-якого з наших прикладів, починаючи від використання частин фреймворка й закінчуючи спеціальними компонентами та макетами.
Завантажити вихідний кодАбсолютно нові компоненти та шаблони, які допоможуть людям швидко розпочати роботу з Bootstrap і продемонструють найкращі методи додавання до фреймворку.
![Скріншот альбому](/docs/4.0/examples/screenshots/album.png)
Альбом
Простий односторінковий шаблон для фотогалерей, портфоліо тощо.
![Скріншот ціноутворення](/docs/4.0/examples/screenshots/pricing.png)
Ціноутворення
Приклад сторінки з цінами, створеної за допомогою карток із спеціальними верхнім і нижнім колонтитулами.
![Скріншот перевірки](/docs/4.0/examples/screenshots/checkout.png)
Перевірити
Спеціальна форма оформлення замовлення, яка показує наші компоненти форми та їх функції перевірки.
![Скріншот продукту](/docs/4.0/examples/screenshots/product.png)
Продукт
Економна маркетингова сторінка, орієнтована на продукт, із великою сіткою та зображеннями.
![Скріншот обкладинки](/docs/4.0/examples/screenshots/cover.png)
Обкладинка
Односторінковий шаблон для створення простих і красивих домашніх сторінок.
![Скріншот каруселі](/docs/4.0/examples/screenshots/carousel.png)
Карусель
Налаштуйте навігаційну панель і карусель, а потім додайте кілька нових компонентів.
![Скріншот блогу](/docs/4.0/examples/screenshots/blog.png)
Блог
Шаблон блогу, схожий на журнал, із заголовком, навігацією, рекомендованим вмістом.
![Скріншот приладової панелі](/docs/4.0/examples/screenshots/dashboard.png)
Панель приладів
Базова оболонка інформаційної панелі адміністратора з фіксованою бічною та навігаційною панелями.
![Скріншот входу](/docs/4.0/examples/screenshots/sign-in.png)
Увійти
Спеціальний макет форми та дизайн для простої форми входу.
![Скріншот липкого нижнього колонтитула](/docs/4.0/examples/screenshots/sticky-footer.png)
Клейкий колонтитул
Прикріпіть нижній колонтитул до нижньої частини вікна перегляду, якщо вміст сторінки короткий.
![Знімок навігаційної панелі липкого нижнього колонтитула](/docs/4.0/examples/screenshots/sticky-footer-navbar.png)
Навігаційна панель нижнього колонтитула
Прикріпіть нижній колонтитул до нижньої частини вікна перегляду з фіксованою верхньою панеллю навігації.
Приклади, які зосереджені на реалізації використання вбудованих компонентів, надані Bootstrap.
![Скріншот стартового шаблону](/docs/4.0/examples/screenshots/starter-template.png)
Початковий шаблон
Нічого, крім основ: скомпільований CSS і JavaScript.
![Скріншот сітки](/docs/4.0/examples/screenshots/grid.png)
Сітка
Кілька прикладів макетів сітки з усіма чотирма рівнями, гніздуванням тощо.
![Скріншот Jumbotron](/docs/4.0/examples/screenshots/jumbotron.png)
Джамботрон
Побудуйте навколо jumbotron за допомогою навігаційної панелі та кількох базових стовпців сітки.
Взяти компонент навігаційної панелі за замовчуванням і показати, як його можна перемістити, розмістити та розширити.
![Скріншот Navbars](/docs/4.0/examples/screenshots/navbars.png)
Панелі навігації
Демонстрація всіх адаптивних і контейнерних параметрів для навігаційної панелі.
![Статичний скріншот панелі навігації](/docs/4.0/examples/screenshots/navbar-static.png)
Навігаційна панель статична
Один приклад навігаційної панелі статичної верхньої навігаційної панелі разом із додатковим вмістом.
![Виправлений знімок екрана Navbar](/docs/4.0/examples/screenshots/navbar-fixed.png)
Навігаційна панель виправлена
Приклад однієї навігаційної панелі з фіксованою верхньою навігаційною панеллю разом із додатковим вмістом.
![Нижній знімок панелі навігації](/docs/4.0/examples/screenshots/navbar-bottom.png)
Навігаційна панель внизу
Приклад однієї навігаційної панелі з нижньою навігаційною панеллю разом із додатковим вмістом.
Приклади, які зосереджуються на функціях або техніках, які сприятимуть майбутньому.
![Знімок екрана з плаваючими мітками](/docs/4.0/examples/screenshots/floating-labels.png)
Плаваючі етикетки
Чудові прості форми з плаваючими мітками над введеними даними.
![Знімок екрана Offcanvas](/docs/4.0/examples/screenshots/offcanvas.png)
Offcanvas
Перетворіть панель навігації, що розширюється, на ковзаюче меню.