Перайсці да асноўнага зместу
Ёсць новая версія Bootstrap 4!

Прыклады

Хутка пачніце праект з любым з нашых прыкладаў, пачынаючы ад выкарыстання частак каркаса і заканчваючы карыстальніцкімі кампанентамі і макетамі.

Спампаваць зыходны код

Нестандартныя кампаненты

Цалкам новыя кампаненты і шаблоны, якія дапамогуць людзям хутка пачаць працу з Bootstrap і прадэманструюць найлепшыя практыкі дадання ў фрэймворк.

Скрыншот альбома
Альбом

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

Скрыншот цэнаўтварэння
Цэнаўтварэнне

Прыклад старонкі цэнаўтварэння, створанай з выкарыстаннем карт і з уласнымі верхнім і ніжнім калонтытуламі.

Скрыншот касы
Каса

Карыстальніцкая форма афармлення заказу, якая паказвае нашы кампаненты формы і іх функцыі праверкі.

Скрыншот прадукту
Прадукт

Беражлівая маркетынгавая старонка, арыентаваная на прадукт, з шырокай сеткай і выявамі.

Скрыншот вокладкі
Вокладка

Аднастаронкавы шаблон для стварэння простых і прыгожых хатніх старонак.

Скрыншот каруселі
Карусель

Наладзьце панэль навігацыі і карусель, затым дадайце некалькі новых кампанентаў.

Скрыншот блога
Блог

Шаблон блога, падобны да часопіса, з загалоўкам, навігацыяй, прапанаваным зместам.

Скрыншот прыборнай панэлі
Прыборная панэль

Базавая абалонка прыборнай панэлі адміністратара з фіксаванай бакавой і навігацыйнай панэллю.

Здымак экрана ўваходу
Увайсці

Карыстальніцкі макет формы і дызайн для простай формы ўваходу.

Скрыншот ліпкага ніжняга калонтытула
Ліпкі калонтытул

Калі змесціва старонкі кароткае, прымацуйце ніжні калонтытул унізе акна прагляду.

Здымак экрана навігацыйнай панэлі ліпкага ніжняга калонтытула
Ліпкі ніжні калонтытул навігацыйнай панэлі

Далучыце ніжні калонтытул да ніжняга краю прагляду з фіксаванай верхняй навігацыйнай панэллю.

Каркас

Прыклады, арыентаваныя на выкарыстанне ўбудаваных кампанентаў, прадстаўленыя Bootstrap.

Скрыншот стартавага шаблону
Стартавы шаблон

Нічога, акрамя асноў: скампіляваны CSS і JavaScript.

Скрыншот сеткі
Сетка

Некалькі прыкладаў макетаў сеткі з усімі чатырма ярусамі, укладаннем і іншым.

Скрыншот Jumbotron
Джамбатрон

Пабудуйце вакол джамбатрона з навігацыйнай панэллю і некаторымі базавымі слупкамі сеткі.

Кампанент панэлі навігацыі па змаўчанні і паказ таго, як яго можна перамяшчаць, размяшчаць і пашыраць.

Скрыншот Navbars
Навігацыйныя панэлі

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

Статычны скрыншот Navbar
Навігацыйная панэль статычная

Адзіны прыклад статычнай верхняй навігацыйнай панэлі разам з дадатковым змесцівам.

Выпраўлены скрыншот Navbar
Навігацыйная панэль выпраўлена

Адзіны прыклад панэлі навігацыі з фіксаванай верхняй панэллю навігацыі разам з дадатковым змесцівам.

Ніжні скрыншот панэлі навігацыі
Ніжняя панэль навігацыі

Адзіны прыклад панэлі навігацыі з ніжняй панэллю навігацыі разам з дадатковым змесцівам.

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

Прыклады, якія засяроджваюцца на перспектыўных функцыях або метадах.

Скрыншот плаваючых этыкетак
Плывучыя этыкеткі

Прыгожыя простыя формы з плаваючымі цэтлікамі над вашымі ўводамі.

Скрыншот Offcanvas
Пазаканвас

Ператварыце панэль навігацыі, якая пашыраецца, у слізгальнае меню.