BS misollari

Bootstrap bilan ishlashni boshlash

Konteyner Fluid konteyner

Misollar tahlili

Bootstrap grid asoslari

Uchta teng ustun Ikkita teng bo‘lmagan ustun

Misollar tahlili

Bootstrap tipografiyasi

<h1> dan <h6> gacha sarlavhalar <small> elementi <mark> elementi <abbr> elementi <blockquote> elementi Teskari (o‘ngga tekislangan) blockquote <dl> elementi <code> elementi <kbd> elementi <pre> elementi Kontekstual matn ranglari Kontekstual fon ranglari

Misollar tahlili

Bootstrap jadvallari

Oddiy jadval Yo‘l-yo‘l qatorlar Chegarali jadval Hover effektli qatorlar Ixcham jadval Kontekstual klasslar Moslashuvchan jadvallar

Misollar tahlili

Bootstrap rasmlari

Yumaloq burchakli rasm Doira shaklidagi rasm Eskiz (thumbnail) rasm Moslashuvchan rasmlar Rasmlar galereyasi Moslashuvchan joylashtirilgan kontent (embed)

Misollar tahlili

Bootstrap jumbotron

Konteyner ichidagi jumbotron Konteynerdan tashqaridagi jumbotron Sahifa sarlavhasini yaratish

Misollar tahlili

Bootstrap well’lari

Oddiy well Well o‘lchami

Misollar tahlili

Bootstrap ogohlantirishlari

Ogohlantirishlar Ogohlantirishlarni yopish Animatsiyali ogohlantirishlar

Misollar tahlili

Bootstrap tugmalari

Tugma stillari Tugma teglari Tugma o‘lchamlari Blok darajasidagi tugmalar Faol/nofaol tugmalar

Misollar tahlili

Bootstrap tugmalar guruhlari

Tugmalar guruhi Tugmalar guruhi o‘lchamlari Vertikal tugmalar guruhi Kenglik bo‘yicha tekislangan tugmalar guruhi Kenglik bo‘yicha tekislangan tugmalar guruhi 2 Ichma-ich joylashgan tugmalar guruhlari va ochiluvchi menyular Bo‘lingan tugmalar (split buttons)

Misollar tahlili

Bootstrap glyphicon’lari

Glyphicon’lar

Misollar tahlili

Bootstrap nishonlari va yorliqlari

Nishonlar Tugma ichidagi nishon Yorliqlar Kontekstual yorliqlar

Misollar tahlili

Bootstrap progress barlari

Progress bar Yorliqli progress bar Rangli progress bar Yo‘l-yo‘l progress bar Animatsiyali progress bar Ketma-ket joylashtirilgan progress bar

Misollar tahlili

Bootstrap sahifalash

Sahifalash Faol sahifalash havolasi Nofaol sahifalash havolasi Sahifalash o‘lchami Breadcrumbs (navigatsiya yo‘li)

Misollar tahlili

Bootstrap pager

Pager Tugmalarni tekislash

Misollar tahlili

Bootstrap ro‘yxat guruhlari

Ro‘yxat guruhi Nishonli ro‘yxat guruhi Havolali ro‘yxat guruhi Faol ro‘yxat elementi Nofaol ro‘yxat elementi Kontekstual klasslar Maxsus kontent

Misollar tahlili

Bootstrap panellari

Panellar Panel sarlavhasi Panel pastki qismi (footer) Panellar guruhi Kontekstual panel klasslari

Misollar tahlili

Bootstrap ochiluvchi menyulari

Ochiluvchi menyu Ochiluvchi menyu ajratgichi Ochiluvchi menyu sarlavhasi Ochiluvchi menyuning nofaol elementi O‘ngga tekislangan ochiluvchi menyu Dropup Ochiluvchi menyuning qulayligi (accessibility)

Misollar tahlili

Bootstrap yig‘iladigan bloklari

Yig‘iladigan blok tugmasi Yig‘iladigan blok havolasi "in" klassli yig‘iladigan blok (standart holatda ochiq) Yig‘iladigan panel Yig‘iladigan ro‘yxat guruhi Akkordeon

Misollar tahlili

Bootstrap tablar va pill’lar

Bir qatorli ro‘yxat Tablar Ochiluvchi menyuli tablar Pill’lar Vertikal pill’lar Qator ichidagi vertikal pill’lar Ochiluvchi menyuli pill’lar Markazlashtirilgan tablar va pill’lar Almashtiriladigan/dinamik tablar Almashtiriladigan/dinamik pill’lar

Misollar tahlili

Bootstrap navigatsiya paneli

Navigatsiya paneli Teskari ranglardagi navigatsiya paneli Yuqorida qotirilgan navigatsiya paneli Pastda qotirilgan navigatsiya paneli Ochiluvchi menyuli navigatsiya paneli O‘ngga tekislangan navigatsiya paneli Yig‘iladigan navigatsiya paneli

Misollar tahlili

Bootstrap formalari

Vertikal forma Bir qatorli forma Yorliqlarsiz bir qatorli forma Gorizontal forma

Misollar tahlili

Bootstrap kiritish maydonlari

Input Textarea Checkbox Bir qatorli checkbox Radio tugmalar Bir qatorli radio tugmalar Tanlash menyusi

Misollar tahlili

Bootstrap kiritish maydonlari 2

Statik boshqaruv elementi Boshqaruv elementlari holatlari Bir qatorli forma: boshqaruv elementlari holatlari

Misollar tahlili

Bootstrap kiritish maydonlari o‘lchami

Kiritish maydoni o‘lchami Gorizontal yorliqli kiritish maydoni o‘lchami Kiritish maydoni kengligi (ustunlar) Kiritish maydoni uchun yordamchi matn

Misollar tahlili

Bootstrap media obyektlari

Chapga va o‘ngga tekislangan media obyekt Yuqoriga, o‘rtaga va pastga tekislangan media obyekt Ichma-ich joylashgan media obyekt Ichma-ich joylashgan media obyekt II

Misollar tahlili

Bootstrap karuseli

Karusel Izohli (caption) slaydlar

Misollar tahlili

Bootstrap modal oynasi

Modal oyna Kichik modal oyna Katta modal oyna

Misollar tahlili

Bootstrap tooltip

Tooltip Tooltiplarni joylashtirish

Misollar tahlili

Bootstrap popover

Popover Popoverlarni joylashtirish Yopiladigan popover Hover orqali ochiladigan popover

Misollar tahlili

Bootstrap Scrollspy

Gorizontal scrollspy Vertikal scrollspy

Misollar tahlili

Bootstrap Affix

Gorizontal affix Vertikal affix Scrollspy va affix (gorizontal) Scrollspy va affix (vertikal)

Misollar tahlili

Bootstrap filtrlari

Jadvalni filtrlash Ro‘yxatni filtrlash Ochiluvchi menyuni filtrlash Istalgan narsani filtrlash

Misollar tahlili

Bootstrap grid: ustma-ustdan gorizontalga

Ustma-ustdan gorizontalga o‘tadigan grid Fluid konteynerli, ustma-ustdan gorizontalga o‘tadigan grid

Misollar tahlili

Bootstrap grid: kichik qurilmalar

Kichik grid Kichik grid

Misollar tahlili

Bootstrap grid: o‘rta qurilmalar

O‘rta grid O‘rta grid 2

Misollar tahlili

Bootstrap grid: katta qurilmalar

O‘rta grid O‘rta grid 2

Misollar tahlili

Bootstrap grid misollari

Uchta teng ustun Uchta teng bo‘lmagan ustun Ikkita teng bo‘lmagan ustun Ikkita ichki ustunga ega ikki ustun Aralash ustunlar: mobil va kompyuter Aralash ustunlar: mobil, planshet va kompyuter Float’larni tozalash Ustunlarni siljitish (offset) Push va Pull — ustunlar tartibini o‘zgartirish

Misollar tahlili

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish