Pereiti prie pagrindinio turinio

Pavyzdžiai

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

Fragmentai

Įprasti šablonai statybvietėms ir programoms, kurios yra sukurtos remiantis esamais komponentais ir pagalbinėmis programomis su tinkintu CSS ir kt.

Antraštės

Pateikite savo prekės ženklą, naršymą, paiešką ir daugiau naudodami šiuos antraštės komponentus

Herojai

Paruoškite pagrindinį puslapį herojais su aiškiais raginimais veikti.

funkcijos

Paaiškinkite rinkodaros turinio funkcijas, pranašumus ar kitą informaciją.

Šoninės juostos

Įprasti naršymo modeliai idealiai tinka nedrobei arba kelių stulpelių išdėstymui.

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.

Albumas

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

Kainodara

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

Patikra

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

Produktas

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

Viršelis

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

Karuselė

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

Dienoraštis

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

Prietaisų skydelis

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

Prisijungti

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

Lipni poraštė

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

Lipni poraštės naršymo juosta

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

Džumbotronas

Norėdami atkurti ir patobulinti Bootstrap 4 jumbotroną, naudokite priemones.

Sistema

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

Starterio šablonas

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

Tinklelis

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

Cheatsheet

Virtuvės kriauklė iš Bootstrap komponentų.

Cheatsheet RTL

Virtuvės kriauklė iš Bootstrap komponentų, RTL.

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

Navigacijos juostos

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

Navigacijos juosta statinė

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

Navigacijos juosta ištaisyta

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

Navigacijos juostos apačioje

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

Offcanvas naršymo juosta

Paverskite išplečiamą naršymo juostą į slankiojantį meniu offcanvas (nenaudoja mūsų offcanvas komponento).

RTL

Peržiūrėkite „Bootstrap“ RTL versiją naudodami šiuos modifikuotų pasirinktinių komponentų pavyzdžius.

RTL funkcija vis dar yra eksperimentinė ir tikriausiai bus tobulinama atsižvelgiant į vartotojų atsiliepimus. Pastebėjote ką nors arba turite ką nors patobulinti? Pradėkite problemą , norėtume gauti jūsų įžvalgų.

Albumas RTL

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

Patikrinti RTL

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

Karuselė RTL

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

Tinklaraštis RTL

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

Prietaisų skydelis RTL

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

Integracijos

Integracijos su išorinėmis bibliotekomis.

Mūras

Sujunkite „Bootstrap“ tinklelio ir „Masonry“ išdėstymo galias.


Eikite toliau naudodami „Bootstrap“ temas

Reikia kažko daugiau nei šie pavyzdžiai? Perkelkite „Bootstrap“ į kitą lygį naudodami aukščiausios kokybės temas iš oficialios „Bootstrap“ temų rinkos . Jie sukurti kaip atskiros išplėstinės sistemos, kuriose gausu naujų komponentų ir papildinių, dokumentacijos ir galingų kūrimo įrankių.

Naršyti temas
Bootstrap temos