Негизги мазмунга өтүү
Bootstrap 4тин жаңыраак версиясы бар!

Мисалдар

Алкактын бөлүктөрүн колдонуудан ыңгайлаштырылган компоненттерге жана макеттерге чейинки биздин мисалдарыбыз менен тез арада долбоорду баштаңыз.

Булак кодун жүктөп алыңыз

Ыңгайлаштырылган компоненттер

Жаңы компоненттер жана шаблондор адамдарга Bootstrap менен тез киришүүгө жардам берет жана алкакка кошуу үчүн мыкты тажрыйбаларды көрсөтөт.

Альбомдун скриншоту
Альбом

Сүрөт галереялары, портфолио жана башкалар үчүн жөнөкөй бир беттик шаблон.

Баа скриншоту
Баа коюу

Карталар менен курулган жана ыңгайлаштырылган башкы жана төмөнкү колонтитулдарды камтыган мисал баалар барагы.

Текшерүү скриншоту
Текшерүү

Биздин форманын курамдык бөлүктөрүн жана алардын текшерүү өзгөчөлүктөрүн көрсөтүүчү жеке текшерүү формасы.

Продукт скриншоту
Продукт

Кеңири тор жана имидж менен иштөө менен продуктка багытталган маркетинг барагы.

Cover скриншот
Cover

Жөнөкөй жана кооз үй баракчаларын куруу үчүн бир беттик шаблон.

Карусель скриншоту
Карусель

Чабыт тилкесин жана карусельди ыңгайлаштырыңыз, андан соң жаңы компоненттерди кошуңуз.

Блогдун скриншоту
Блог

Журналдын аталышы, навигациясы, өзгөчөлөнгөн мазмуну бар блог шаблону сыяктуу.

Куралдар тактасынын скриншоту
Куралдар тактасы

Каптал тилкеси жана навигация тилкеси менен негизги администратор панелинин кабыгы.

Кирүү скриншоту
Кирүү

Ыңгайлаштырылган форманын макети жана формадагы жөнөкөй белги үчүн дизайн.

Жабышкак колонтитул скриншоту
Жабышкак колонтитул

Барактын мазмуну кыска болгондо көрүү терезесинин ылдый жагына колонтитулду тиркөө.

Жабышкак колонтитулдун навигация панелинин скриншоту
Жабышкак колонтитул навигациясы

Туруктуу жогорку навигация тилкеси менен көрүү терезесинин ылдый жагына колонтитулду тиркөө.

Framework

Bootstrap тарабынан камтылган компоненттерди колдонууну ишке ашырууга багытталган мисалдар.

Стартер үлгүсүнүн скриншоту
Стартер шаблоны

Негиздерден башка эч нерсе жок: түзүлгөн CSS жана JavaScript.

Тор скриншоту
Тор

Бардык төрт деңгээли бар тор макеттеринин бир нече мисалдары, уя салуу жана башкалар.

Jumbotron скриншоту
Jumbotron

Navbar жана кээ бир негизги тор мамычалары менен жумботрондун айланасын куруңуз.

Демейки Navbar компонентин алуу жана аны кантип жылдырууга, жайгаштырууга жана узартууга болорун көрсөтүү.

Navbars скриншоту
Navbars

Demonstration of all responsive and container options for the navbar.

Navbar статикалык скриншоту
Navbar static

Single navbar example of a static top navbar along with some additional content.

Navbar орнотулган скриншот
Navbar fixed

Single navbar example with a fixed top navbar along with some additional content.

Navbar төмөнкү скриншот
Navbar bottom

Single navbar example with a bottom navbar along with some additional content.

Experiments

Examples that focus on future-friendly features or techniques.

Калкыма энбелгилердин скриншоту
Floating labels

Beautifully simple forms with floating labels over your inputs.

Offcanvas скриншоту
Offcanvas

Turn your expandable navbar into a sliding offcanvas menu.