Pereiti prie pagrindinio turinio
Yra naujesnė „Bootstrap 4“ versija!

Pavyzdžiai

Greitai pradėkite projektą naudodami bet kurį iš mūsų pavyzdžių – nuo ​​sistemos dalių naudojimo iki pasirinktinių komponentų ir maketų.

Atsisiųskite šaltinio kodą

Individualūs komponentai

Visiškai nauji komponentai ir šablonai, padedantys žmonėms greitai pradėti naudotis „Bootstrap“ ir parodyti geriausią praktiką, kaip pridėti prie sistemos.

Albumo ekrano kopija
Albumas

Paprastas vieno puslapio šablonas nuotraukų galerijoms, aplankams ir kt.

Kainos ekrano kopija
Kainodara

Pavyzdinis kainodaros puslapis, sukurtas naudojant korteles ir su tinkinta antrašte ir porašte.

Patikrinimo ekrano kopija
Patikra

Pasirinktinė atsiskaitymo forma, kurioje rodomi mūsų formos komponentai ir jų patvirtinimo funkcijos.

Produkto ekrano kopija
Produktas

Paprastas į produktą orientuotas rinkodaros puslapis su plačiu tinklelio ir vaizdo darbu.

Viršelio ekrano kopija
Viršelis

Vieno puslapio šablonas paprastiems ir gražiems pagrindiniams puslapiams kurti.

Karuselės ekrano kopija
Karuselė

Tinkinkite naršymo juostą ir karuselę, tada pridėkite naujų komponentų.

Tinklaraščio ekrano kopija
Dienoraštis

Žurnalas, pavyzdžiui, tinklaraščio šablonas su antrašte, naršymu, siūlomu turiniu.

Prietaisų skydelio ekrano kopija
Prietaisų skydelis

Pagrindinis administratoriaus prietaisų skydelio apvalkalas su fiksuota šonine ir naršymo juosta.

Prisijungimo ekrano kopija
Prisijungti

Individualizuotos formos išdėstymas ir dizainas, skirtas paprastos iškabos formai.

Lipnios poraštės ekrano kopija
Lipni poraštė

Pritvirtinkite poraštę peržiūros srities apačioje, kai puslapio turinys trumpas.

Lipnios poraštės naršymo juostos ekrano kopija
Lipni poraštės naršymo juosta

Pritvirtinkite poraštę peržiūros srities apačioje naudodami fiksuotą viršutinę naršymo juostą.

Sistema

Pavyzdžiai, kuriuose pagrindinis dėmesys skiriamas „Bootstrap“ pateiktų integruotų komponentų naudojimui.

Pradedančiųjų šablono ekrano kopija
Starterio šablonas

Nieko, išskyrus pagrindus: sukompiliuotas CSS ir JavaScript.

Tinklelio ekrano kopija
Tinklelis

Keli tinklelio išdėstymo pavyzdžiai su visomis keturiomis pakopomis, įdėjimu ir kt.

Jumbotron ekrano kopija
Džumbotronas

Kurkite aplink jumbotroną naudodami naršymo juostą ir keletą pagrindinių tinklelio stulpelių.

Paimkite numatytąjį naršymo juostos komponentą ir parodykite, kaip jį galima perkelti, įdėti ir išplėsti.

„Navbars“ ekrano kopija
Navigacijos juostos

Visų naršymo juostos interaktyvių ir sudėtinių rodinių parinkčių demonstravimas.

Navigacijos juostos statinė ekrano kopija
Navigacijos juosta statinė

Vienos naršymo juostos pavyzdys – statinė viršutinė naršymo juosta kartu su papildomu turiniu.

„Navbar“ ištaisyta ekrano kopija
Navigacijos juosta ištaisyta

Vienos naršymo juostos pavyzdys su fiksuota viršutine naršymo juosta ir papildomu turiniu.

Naršymo juostos apatinė ekrano kopija
Navigacijos juostos apačioje

Vienos naršymo juostos pavyzdys su apatine naršymo juosta ir papildomu turiniu.

Eksperimentai

Pavyzdžiai, kuriuose pagrindinis dėmesys skiriamas ateičiai naudingoms funkcijoms ar technikoms.

Plaukiojančių etikečių ekrano kopija
Plaukiojančios etiketės

Gražiai paprastos formos su plūduriuojančiomis etiketėmis virš jūsų įvesties.

Offcanvas ekrano kopija
Offcanvas

Išplečiamąją naršymo juostą paverskite slankiu meniu.