Parchalar
Maxsus CSS va boshqalar bilan mavjud komponentlar va yordamchi dasturlarga asoslangan saytlar va ilovalarni qurish uchun umumiy namunalar.
![](/docs/5.1/assets/img/examples/headers.png)
Sarlavhalar
Ushbu sarlavha komponentlari bilan brending, navigatsiya, qidiruv va boshqalarni namoyish eting
![](/docs/5.1/assets/img/examples/heroes.png)
Qahramonlar
Bosh sahifangizda harakatga aniq chaqiriqlarni aks ettiruvchi qahramonlar bilan sahnani o'rnating.
![](/docs/5.1/assets/img/examples/features.png)
Xususiyatlari
Marketing kontentingizdagi xususiyatlar, imtiyozlar yoki boshqa tafsilotlarni tushuntiring.
![](/docs/5.1/assets/img/examples/sidebars.png)
Yon panellar
Tuvaldan tashqari yoki ko'p ustunli sxemalar uchun ideal umumiy navigatsiya naqshlari.
![](/docs/5.1/assets/img/examples/footers.png)
Altbilgilar
Har bir sahifani katta yoki kichik ajoyib altbilgi bilan yakunlang.
![](/docs/5.1/assets/img/examples/dropdowns.png)
Ochiladigan menyular
Filtrlar, piktogrammalar, maxsus uslublar va boshqalar bilan ochiladigan menyularingizni yaxshilang.
![](/docs/5.1/assets/img/examples/list-groups.png)
Guruhlarni ro'yxatga olish
Roʻyxat guruhlarini har qanday kontent uchun yordamchi dasturlar va maxsus uslublar bilan kengaytiring.
![](/docs/5.1/assets/img/examples/modals.png)
Modallar
Modallarni har qanday maqsadga xizmat qilish uchun o'zgartiring, xususiyatli ekskursiyalardan tortib dialoglargacha.
Maxsus komponentlar
Odamlarga Bootstrap-ni tezda ishga tushirishga va ramkaga qo'shish bo'yicha eng yaxshi amaliyotlarni namoyish etishga yordam beradigan yangi komponentlar va andozalar.
![](/docs/5.1/assets/img/examples/album.png)
Albom
Fotogalereyalar, portfellar va boshqalar uchun oddiy bir sahifali shablon.
![](/docs/5.1/assets/img/examples/pricing.png)
Narxlash
Kartalar bilan tuzilgan va maxsus sarlavha va altbilgiga ega boʻlgan narx sahifasiga misol.
![](/docs/5.1/assets/img/examples/checkout.png)
Tekshirib ko'rmoq
Shakl komponentlarimiz va ularning tekshirish xususiyatlarini ko'rsatadigan maxsus to'lov shakli.
![](/docs/5.1/assets/img/examples/product.png)
Mahsulot
Keng qamrovli tarmoq va tasvir ishlari bilan mahsulotga yo'naltirilgan marketing sahifasi.
![](/docs/5.1/assets/img/examples/cover.png)
Qopqoq
Oddiy va chiroyli uy sahifalarini yaratish uchun bir sahifali shablon.
![](/docs/5.1/assets/img/examples/carousel.png)
Karusel
Navbar va karuselni sozlang, so'ngra ba'zi yangi komponentlarni qo'shing.
![](/docs/5.1/assets/img/examples/blog.png)
Blog
Sarlavha, navigatsiya, taniqli kontentga ega blog shabloni kabi jurnal.
![](/docs/5.1/assets/img/examples/dashboard.png)
Boshqaruv paneli
Ruxsat etilgan yon panel va navbarga ega asosiy boshqaruv paneli qobig'i.
![](/docs/5.1/assets/img/examples/sign-in.png)
Tizimga kirish
Shaklda oddiy kirish uchun maxsus shakl tartibi va dizayni.
![](/docs/5.1/assets/img/examples/sticky-footer.png)
Yopishqoq altbilgi
Sahifa mazmuni qisqa bo'lsa, ko'rish oynasining pastki qismiga altbilgi qo'shing.
![](/docs/5.1/assets/img/examples/sticky-footer-navbar.png)
Yopishqoq altbilgi navigatsiya paneli
Ruxsat etilgan yuqori navbar paneli bilan ko'rish oynasining pastki qismiga altbilgini biriktiring.
![](/docs/5.1/assets/img/examples/jumbotron.png)
Jumbotron
Bootstrap 4 jumbotronini qayta yaratish va yaxshilash uchun yordamchi dasturlardan foydalaning.
Ramka
Bootstrap tomonidan taqdim etilgan o'rnatilgan komponentlardan foydalanishni amalga oshirishga qaratilgan misollar.
![](/docs/5.1/assets/img/examples/starter-template.png)
Boshlovchi shablon
Asosiylaridan boshqa hech narsa: kompilyatsiya qilingan CSS va JavaScript.
![](/docs/5.1/assets/img/examples/grid.png)
To‘r
To'rt qavatli, joylashtirish va boshqalarga ega bo'lgan panjara sxemalariga bir nechta misollar.
![](/docs/5.1/assets/img/examples/cheatsheet.png)
Cheatsheet
Bootstrap komponentlarining oshxona lavabosi.
![](/docs/5.1/assets/img/examples/cheatsheet-rtl.png)
Cheatsheet RTL
Bootstrap komponentlarining oshxona lavabosi, RTL.
Navbarlar
Standart navbar komponentini olish va uni qanday ko'chirish, joylashtirish va kengaytirish mumkinligini ko'rsatish.
![](/docs/5.1/assets/img/examples/navbars.png)
Navbarlar
Navbar uchun barcha sezgir va konteyner variantlarini namoyish qilish.
![](/docs/5.1/assets/img/examples/navbar-static.png)
Navbar statik
Ba'zi qo'shimcha kontent bilan birga statik yuqori navbarning yagona navbar namunasi.
![](/docs/5.1/assets/img/examples/navbar-fixed.png)
Navbar tuzatildi
Ba'zi qo'shimcha kontent bilan birga qattiq yuqori navbarga ega yagona navbar misoli.
![](/docs/5.1/assets/img/examples/navbar-bottom.png)
Navbarning pastki qismi
Ba'zi qo'shimcha kontent bilan birga pastki navigatsiya paneli bilan bitta navbar misoli.
![](/docs/5.1/assets/img/examples/offcanvas-navbar.png)
Offcanvas navigatsiya paneli
Kengaytiriladigan navigatsiya panelini to'g'ridan-to'g'ri to'siqsiz menyuga aylantiring (bizning offcanvas komponentimizdan foydalanmaydi).
RTL
Ushbu o'zgartirilgan Custom Components misollari bilan Bootstrap-ning RTL versiyasini amalda ko'ring.
RTL xususiyati hali ham eksperimental bo'lib, ehtimol foydalanuvchilarning fikr-mulohazalariga ko'ra rivojlanadi. Biror narsani topdingizmi yoki taklif qiladigan yaxshilanish bormi? Muammoni oching , biz sizning fikringizni olishni xohlaymiz.
![](/docs/5.1/assets/img/examples/album-rtl.png)
Albom RTL
Fotogalereyalar, portfellar va boshqalar uchun oddiy bir sahifali shablon.
![](/docs/5.1/assets/img/examples/checkout-rtl.png)
Tekshirish RTL
Shakl komponentlarimiz va ularning tekshirish xususiyatlarini ko'rsatadigan maxsus to'lov shakli.
![](/docs/5.1/assets/img/examples/carousel-rtl.png)
Karusel RTL
Navbar va karuselni sozlang, so'ngra ba'zi yangi komponentlarni qo'shing.
![](/docs/5.1/assets/img/examples/blog-rtl.png)
Blog RTL
Sarlavha, navigatsiya, taniqli kontentga ega blog shabloni kabi jurnal.
![](/docs/5.1/assets/img/examples/dashboard-rtl.png)
RTL boshqaruv paneli
Ruxsat etilgan yon panel va navbarga ega asosiy boshqaruv paneli qobig'i.
Integratsiyalar
Tashqi kutubxonalar bilan integratsiya.
![](/docs/5.1/assets/img/examples/masonry.png)
Duvarcılık
Bootstrap grid va Masonry layout kuchlarini birlashtiring.
Bootstrap mavzulari bilan oldinga boring
Bu misollardan boshqa narsa kerakmi? Rasmiy Bootstrap Themes bozoridagi premium mavzular bilan Bootstrap-ni keyingi bosqichga olib chiqing . Ular yangi komponentlar va plaginlar, hujjatlar va kuchli qurish vositalariga boy o'zlarining kengaytirilgan ramkalari sifatida yaratilgan.
Mavzularni ko'rib chiqish![Bootstrap mavzular](/docs/5.1/assets/img/bootstrap-themes-collage.png)