Pāriet uz galveno saturu
Ir pieejama jaunāka Bootstrap 4 versija!

Piemēri

Ātri sāciet projektu, izmantojot jebkuru no mūsu piemēriem, sākot no ietvara daļu izmantošanas līdz pielāgotiem komponentiem un izkārtojumiem.

Lejupielādēt pirmkodu

Pielāgoti komponenti

Pilnīgi jauni komponenti un veidnes, lai palīdzētu cilvēkiem ātri sākt darbu ar Bootstrap un demonstrētu paraugpraksi ietvara pievienošanai.

Albuma ekrānuzņēmums
Albums

Vienkārša vienas lapas veidne fotoattēlu galerijām, portfolio un citam.

Cenu ekrānuzņēmums
Cenu noteikšana

Cenu lapas piemērs, kas izveidots, izmantojot kartes un kurā ir pielāgota galvene un kājene.

Checkout ekrānuzņēmums
Izrakstīties

Pielāgota izrakstīšanās veidlapa, kurā parādīti mūsu veidlapas komponenti un to validācijas līdzekļi.

Produkta ekrānuzņēmums
Produkts

Vienkārša uz produktu vērsta mārketinga lapa ar plašu režģa un attēla darbu.

Vāka ekrānuzņēmums
Piesegt

Vienas lapas veidne vienkāršu un skaistu mājas lapu veidošanai.

Karuseļa ekrānuzņēmums
Karuselis

Pielāgojiet navigācijas joslu un karuseli, pēc tam pievienojiet dažus jaunus komponentus.

Emuāra ekrānuzņēmums
Emuārs

Žurnālam līdzīga emuāra veidne ar galveni, navigāciju, piedāvāto saturu.

Informācijas paneļa ekrānuzņēmums
Mērinstrumentu panelis

Pamata administratora informācijas paneļa apvalks ar fiksētu sānjoslu un navigācijas joslu.

Pierakstīšanās ekrānuzņēmums
Ielogoties

Pielāgots veidlapas izkārtojums un dizains vienkāršai izkārtnes veidlapai.

Lipīgās kājenes ekrānuzņēmums
Lipīga kājene

Ja lapas saturs ir īss, skatvietas apakšdaļā pievienojiet kājeni.

Lipīgās kājenes navigācijas joslas ekrānuzņēmums
Lipīga kājenes navigācijas josla

Skata loga apakšdaļā pievienojiet kājeni ar fiksētu augšējo navigācijas joslu.

Ietvars

Piemēri, kas koncentrējas uz Bootstrap nodrošināto iebūvēto komponentu lietojumu ieviešanu.

Sākuma veidnes ekrānuzņēmums
Startera veidne

Nekas, izņemot pamatus: apkopots CSS un JavaScript.

Režģa ekrānuzņēmums
Režģis

Vairāki režģa izkārtojumu piemēri ar visiem četriem līmeņiem, ligzdošanu un daudz ko citu.

Jumbotron ekrānuzņēmums
Džumbotrons

Veidojiet ap jumbotronu, izmantojot navigācijas joslu un dažas pamata režģa kolonnas.

Noklusējuma navigācijas joslas komponents un parāda, kā to var pārvietot, novietot un paplašināt.

Navigbars ekrānuzņēmums
Navbars

Visu navigācijas joslas adaptīvo un konteineru opciju demonstrācija.

Navigācijas joslas statisks ekrānuzņēmums
Navigbar statiska

Atsevišķas navigācijas joslas piemērs statiskai augšējai navigācijas joslai kopā ar papildu saturu.

Navigācijas joslas fiksēts ekrānuzņēmums
Navigbar izlabota

Vienas navigācijas joslas piemērs ar fiksētu augšējo navigācijas joslu un papildu saturu.

Navigācijas joslas apakšējā ekrānuzņēmums
Navigācijas joslas apakšdaļa

Vienas navigācijas joslas piemērs ar apakšējo navigācijas joslu un papildu saturu.

Eksperimenti

Piemēri, kuros galvenā uzmanība pievērsta nākotnei draudzīgām funkcijām vai paņēmieniem.

Peldošo etiķešu ekrānuzņēmums
Peldošās etiķetes

Skaisti vienkāršas veidlapas ar peldošām etiķetēm virs ievades.

Offcanvas ekrānuzņēmums
Offcanvas

Pārvērtiet savu izvēršamo navigācijas joslu par slīdošu offcanvas izvēlni.