Негізгі мазмұнға өту
Bootstrap 4 нұсқасының жаңарақ нұсқасы бар!

Мысалдар

Жақтау бөліктерін пайдаланудан реттелетін құрамдас бөліктер мен макеттерге дейінгі мысалдарымыздың кез келгенімен жобаны жылдам бастаңыз.

Бастапқы кодты жүктеп алыңыз

Жеке құрамдас бөліктер

Адамдарға Bootstrap-ті тез бастауға және негізге қосудың ең жақсы тәжірибелерін көрсетуге көмектесетін жаңа компоненттер мен үлгілер.

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

Фотогалереялар, портфолиолар және т.б. үшін қарапайым бір беттік үлгі.

Баға скриншоты
Баға белгілеу

Карталармен жасалған және реттелетін үстіңгі және төменгі деректемелері бар мысал баға беті.

Скриншотты тексеру
Шығу

Пішін құрамдастарын және олардың тексеру мүмкіндіктерін көрсететін реттелетін төлем пішіні.

Өнімнің скриншоты
Өнім

Кең ауқымды тор және кескін жұмысы бар өнімге бағытталған маркетингтік бет.

Скриншотты жабу
Қақпақ

Қарапайым және әдемі басты беттерді құруға арналған бір беттік үлгі.

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

Шарлау тақтасы мен карусельді теңшеңіз, содан кейін бірнеше жаңа құрамдастарды қосыңыз.

Блог скриншоты
Блог

Тақырыбы, навигациясы, таңдаулы мазмұны бар блог үлгісі сияқты журнал.

Бақылау тақтасының скриншоты
Бақылау тақтасы

Бекітілген бүйірлік тақтасы мен шарлау тақтасы бар негізгі басқару тақтасының қабығы.

Жүйеге кіру скриншоты
Кіру

Пішінге қарапайым кіру үшін теңшелетін пішін орналасуы және дизайны.

Жабысқақ төменгі деректеме скриншоты
Жабысқақ төменгі деректеме

Бет мазмұны қысқа болғанда, төменгі деректемені қарау терезесінің төменгі жағына тіркеңіз.

Жабысқақ төменгі деректеме шарлау тақтасының скриншоты
Жабысқақ төменгі деректеме шарлау тақтасы

Төменгі деректемені тұрақты жоғарғы шарлау тақтасы бар көру терезесінің төменгі жағына бекітіңіз.

Рамка

Bootstrap ұсынған кірістірілген құрамдастарды қолдануды жүзеге асыруға бағытталған мысалдар.

Стартер үлгісінің скриншоты
Стартер үлгісі

Негіздерден басқа ештеңе жоқ: құрастырылған CSS және JavaScript.

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

Барлық төрт деңгейлері, ұя салуы және т.б. бар тор орналасуларының бірнеше мысалдары.

Jumbotron скриншоты
Джумботрон

Шарлау тақтасы және кейбір негізгі тор бағандары бар жұмботронды айналдырыңыз.

Әдепкі шарлау тақтасының құрамдас бөлігін алу және оны қалай жылжытуға, орналастыруға және кеңейтуге болатындығын көрсету.

Navbars скриншоты
Navbars

Шарлау тақтасы үшін барлық жауап беретін және контейнер опцияларын көрсету.

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

Кейбір қосымша мазмұнмен бірге статикалық жоғарғы шарлау тақтасының жалғыз шарлау тақтасының мысалы.

Шарлау тақтасының бекітілген скриншоты
Шарлау тақтасы түзетілді

Кейбір қосымша мазмұнмен бірге бекітілген жоғарғы шарлау тақтасы бар жалғыз шарлау тақтасының мысалы.

Шарлау тақтасының төменгі скриншоты
Шарлау тақтасының төменгі жағы

Кейбір қосымша мазмұнмен бірге төменгі шарлау тақтасы бар жалғыз шарлау тақтасының мысалы.

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

Болашаққа қолайлы мүмкіндіктерге немесе әдістерге бағытталған мысалдар.

Қалқымалы белгілер скриншоты
Қалқымалы белгілер

Енгізулеріңіздің үстінде қалқымалы жапсырмалары бар әдемі қарапайым пішіндер.

Offcanvas скриншоты
Offcanvas

Кеңейтілетін шарлау тақтасын сырғымалы кенептен тыс мәзірге айналдырыңыз.