Preskočiť na hlavný obsah
Je tu novšia verzia Bootstrap 4!

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.

Stiahnite si zdrojový kód

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.

Snímka obrazovky albumu
album

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

Snímka obrazovky s cenami
Stanovenie cien

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

Snímka obrazovky pokladne
Odhlásiť sa

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

Snímka obrazovky produktu
Produkt

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

Snímka titulnej obrazovky
Kryt

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

Snímka obrazovky kolotoča
Kolotoč

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

Snímka obrazovky blogu
Blog

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

Snímka obrazovky ovládacieho panela
Dashboard

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

Snímka prihlasovacej obrazovky
Prihlásiť sa

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

Snímka obrazovky s lepiacou pätou
Lepiaca päta

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

Snímka obrazovky navigačného panela s lepiacou pätou
Navbar s lepiacou pätou

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

Rámec

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

Snímka obrazovky štartovacej šablóny
Štartovacia šablóna

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

Snímka obrazovky mriežky
Mriežka

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

Snímka obrazovky Jumbotronu
Jumbotron

Stavajte okolo jumbotronu pomocou navigačnej lišty a niekoľkých základných stĺpcov mriežky.

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

Snímka obrazovky navigačných panelov
Navbary

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

Statická snímka obrazovky navigačného panela
Navbar statický

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

Opravená snímka obrazovky navigačného panela
Navbar opravený

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

Snímka spodnej obrazovky navigačného panela
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.

Experimenty

Príklady, ktoré sa zameriavajú na budúce funkcie alebo techniky.

Snímka obrazovky s plávajúcimi štítkami
Plávajúce štítky

Krásne jednoduché formuláre s plávajúcimi štítkami nad vašimi vstupmi.

Snímka obrazovky mimo plátna
Offcanvas

Premeňte svoj rozbaliteľný navigačný panel na posuvnú ponuku mimo plátna.