Preskočiť na hlavný obsah

Príklady

Rýchlo začnite projekt pomocou ktoréhokoľvek z našich príkladov, od použitia častí rámca až po vlastné komponenty a rozloženia.

Úryvky

Bežné vzory pre vytváranie lokalít a aplikácií, ktoré stavajú na existujúcich komponentoch a pomôckach s vlastným CSS a ďalšími.

Hlavičky

Zobrazte svoju značku, navigáciu, vyhľadávanie a ďalšie pomocou týchto komponentov hlavičky

Hrdinovia

Pripravte scénu na svoju domovskú stránku s hrdinami, ktoré obsahujú jasné výzvy na akciu.

Vlastnosti

Vysvetlite funkcie, výhody alebo iné podrobnosti vo svojom marketingovom obsahu.

Bočné panely

Bežné navigačné vzory ideálne pre rozloženia mimo plátna alebo s viacerými stĺpcami.

Vlastné komponenty

Úplne nové komponenty a šablóny, ktoré pomôžu ľuďom rýchlo začať s Bootstrap a demonštrujú osvedčené postupy pri pridávaní do rámca.

album

Jednoduchá jednostránková šablóna pre fotogalérie, portfóliá a ďalšie.

Stanovenie cien

Príklad stránky s cenami vytvorenými pomocou kariet a s vlastnou hlavičkou a pätou.

Odhlásiť sa

Vlastný pokladničný formulár zobrazujúci naše komponenty formulára a ich overovacie funkcie.

Produkt

Štíhla marketingová stránka zameraná na produkt s rozsiahlou sieťou a prácou s obrázkami.

Kryt

Jednostránková šablóna na vytváranie jednoduchých a krásnych domovských stránok.

Kolotoč

Prispôsobte si navigačný panel a karusel a potom pridajte nejaké nové komponenty.

Blog

Šablóna blogu podobná časopisu s hlavičkou, navigáciou a odporúčaným obsahom.

Dashboard

Základný ovládací panel správcu s pevným bočným panelom a navigačným panelom.

Prihlásiť sa

Vlastné rozloženie a dizajn formulára pre jednoduchý prihlasovací formulár.

Lepiaca päta

Keď je obsah stránky krátky, pripojte pätu k spodnej časti zobrazovanej oblasti.

Navbar s lepiacou pätou

Pripojte pätu k spodnej časti výrezu pomocou pevného horného navigačného panela.

Jumbotron

Použite nástroje na opätovné vytvorenie a zlepšenie jumbotronu Bootstrap 4.

Rámec

Príklady, ktoré sa zameriavajú na implementáciu použitia vstavaných komponentov poskytovaných Bootstrapom.

Štartovacia šablóna

Nič okrem základov: kompilované CSS a JavaScript.

Mriežka

Viacero príkladov rozloženia mriežky so všetkými štyrmi vrstvami, vnorením a ďalšími.

Ťahák

Kuchynský drez komponentov Bootstrap.

Cheatsheet RTL

Kuchynský drez z komponentov Bootstrap, RTL.

Vezmeme predvolený komponent navigačného panela a ukážeme, ako ho možno presunúť, umiestniť a rozšíriť.

Navbary

Ukážka všetkých možností odozvy a kontajnera pre navigačný panel.

Navbar statický

Príklad jednej navigačnej lišty statickej hornej navigačnej lišty spolu s nejakým ďalším obsahom.

Navbar opravený

Príklad jednej navigačnej lišty s pevnou hornou navigačnou lištou spolu s nejakým ďalším obsahom.

Spodná časť navigačného panela

Príklad jednej navigačnej lišty so spodnou navigačnou lištou spolu s nejakým ďalším obsahom.

Navigačný panel mimo plátna

Premeňte svoj rozbaliteľný navigačný panel na posuvnú ponuku offcanvas (nepoužíva náš komponent offcanvas).

RTL

Pozrite si verziu RTL Bootstrapu v akcii s týmito upravenými príkladmi vlastných komponentov.

Funkcia RTL je stále experimentálna a pravdepodobne sa bude vyvíjať podľa spätnej väzby od používateľov. Všimli ste si niečo alebo chcete navrhnúť zlepšenie? Otvorte problém , radi by sme dostali vaše postrehy.

Album RTL

Jednoduchá jednostránková šablóna pre fotogalérie, portfóliá a ďalšie.

Pokladňa RTL

Vlastný pokladničný formulár zobrazujúci naše komponenty formulára a ich overovacie funkcie.

Kolotoč RTL

Prispôsobte si navigačný panel a karusel a potom pridajte nejaké nové komponenty.

Blog RTL

Šablóna blogu podobná časopisu s hlavičkou, navigáciou a odporúčaným obsahom.

Prístrojová doska RTL

Základný ovládací panel správcu s pevným bočným panelom a navigačným panelom.

integrácií

Integrácia s externými knižnicami.

Murárstvo

Skombinujte sily mriežky Bootstrap a rozloženia muriva.


Choďte ďalej s témami Bootstrap

Potrebujete niečo viac ako tieto príklady? Posuňte Bootstrap na ďalšiu úroveň s prémiovými témami z oficiálneho trhu s témami Bootstrap . Sú zostavené ako ich vlastné rozšírené rámce, bohaté na nové komponenty a doplnky, dokumentáciu a výkonné nástroje na zostavovanie.

Prehliadať témy
Bootstrap motívy