Преминете към основното съдържание
Има по-нова версия на Bootstrap 4!

Примери

Бързо стартирайте проект с някой от нашите примери, вариращи от използване на части от рамката до персонализирани компоненти и оформления.

Изтеглете изходния код

Персонализирани компоненти

Чисто нови компоненти и шаблони, които да помогнат на хората бързо да започнат с Bootstrap и да демонстрират най-добрите практики за добавяне към рамката.

Екранна снимка на албума
Албум

Прост шаблон от една страница за фото галерии, портфолио и др.

Екранна снимка на цените
Ценообразуване

Примерна ценова страница, създадена с карти и включваща персонализиран горен и долен колонтитул.

Екранна снимка на Checkout
Разгледайте

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

Екранна снимка на продукта
Продукт

Строга маркетингова страница, фокусирана върху продукта, с обширна решетка и работа с изображения.

Екранна снимка на корицата
Покрийте

Шаблон от една страница за създаване на прости и красиви начални страници.

Екранна снимка на въртележка
Въртележка

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

Екранна снимка на блог
Блог

Шаблон за блог като списание със заглавка, навигация, представено съдържание.

Екранна снимка на таблото
Табло

Основна обвивка на таблото за управление с фиксирана странична лента и лента за навигация.

Екранна снимка за влизане
Впиши се

Персонализирано оформление и дизайн на формуляр за прост формуляр за влизане.

Екранна снимка на лепкав долен колонтитул
Лепкав долен колонтитул

Прикрепете долен колонтитул в долната част на прозореца за изглед, когато съдържанието на страницата е кратко.

Екранна снимка на навигационната лента на лепкав долен колонтитул
Залепваща навигационна лента в долния колонтитул

Прикрепете долен колонтитул към дъното на прозореца за изглед с фиксирана горна навигационна лента.

рамка

Примери, които се фокусират върху внедряването на употреби на вградени компоненти, предоставени от Bootstrap.

Екранна снимка на начален шаблон
Стартов шаблон

Нищо освен основите: компилиран CSS и JavaScript.

Екранна снимка на мрежата
Решетка

Множество примери за мрежови оформления с четирите нива, гнездене и др.

Екранна снимка на Jumbotron
Джъмботрон

Изградете около jumbotron с навигационна лента и някои основни колони на мрежата.

Вземане на компонента на навигационната лента по подразбиране и показване как той може да бъде преместен, поставен и разширен.

Екранна снимка на Navbars
Навигационни ленти

Демонстрация на всички отзивчиви и контейнерни опции за навигационната лента.

Статична екранна снимка на лентата за навигация
Навигационна лента статична

Пример за единична навигационна лента за статична горна навигационна лента заедно с малко допълнително съдържание.

Фиксирана екранна снимка на Navbar
Навигационната лента е коригирана

Единичен пример за навигационна лента с фиксирана горна навигационна лента заедно с малко допълнително съдържание.

Долна екранна снимка на навигационната лента
Навигационна лента отдолу

Единичен пример за навигационна лента с долна навигационна лента заедно с малко допълнително съдържание.

Експерименти

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

Екранна снимка на плаващи етикети
Плаващи етикети

Красиво прости формуляри с плаващи етикети над вашите въведени данни.

Екранна снимка Offcanvas
Offcanvas

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