Přejít na hlavní obsah
Je tu novější verze Bootstrap 4!

Příklady

Rychle začněte projekt s kterýmkoli z našich příkladů, od použití částí rámce po vlastní komponenty a rozvržení.

Stáhněte si zdrojový kód

Vlastní komponenty

Zcela nové komponenty a šablony, které lidem pomohou rychle začít s Bootstrap a demonstrují osvědčené postupy pro přidávání do rámce.

Snímek obrazovky alba
Album

Jednoduchá jednostránková šablona pro fotogalerie, portfolia a další.

Snímek obrazovky s ceníkem
Ceny

Příklad stránky s cenami vytvořené pomocí karet a obsahující vlastní záhlaví a zápatí.

Snímek obrazovky pokladny
Překontrolovat

Vlastní formulář pokladny zobrazující naše součásti formuláře a jejich ověřovací funkce.

Snímek obrazovky produktu
Produkt

Štíhlá marketingová stránka zaměřená na produkt s rozsáhlou mřížkou a prací s obrázky.

Snímek úvodní obrazovky
Pokrýt

Jednostránková šablona pro vytváření jednoduchých a krásných domovských stránek.

Snímek obrazovky kolotoče
Kolotoč

Přizpůsobte si navigační panel a karusel a poté přidejte některé nové součásti.

Snímek obrazovky blogu
Blog

Šablona blogu jako z časopisu se záhlavím, navigací a doporučeným obsahem.

Snímek obrazovky řídicího panelu
Přístrojová deska

Základní prostředí administračního panelu s pevným bočním panelem a navigačním panelem.

Snímek přihlašovací obrazovky
Přihlásit se

Vlastní rozvržení a design formuláře pro jednoduchý přihlašovací formulář.

Snímek obrazovky s lepícím zápatím
Nalepovací zápatí

Pokud je obsah stránky krátký, připojte ke spodní části zobrazované oblasti zápatí.

Snímek obrazovky s přilepeným zápatím navigační lišty
Navbar Sticky footer

Připojte zápatí ke spodní části výřezu pomocí pevné horní navigační lišty.

Rámec

Příklady, které se zaměřují na implementaci použití vestavěných komponent poskytovaných Bootstrapem.

Snímek obrazovky úvodní šablony
Startovací šablona

Nic než základy: kompilované CSS a JavaScript.

Snímek obrazovky mřížky
Mřížka

Několik příkladů rozvržení mřížky se všemi čtyřmi vrstvami, vnořením a dalšími.

Snímek obrazovky Jumbotronu
Jumbotron

Sestavte kolem jumbotronu pomocí navigační lišty a několika základních sloupců mřížky.

Vezmeme výchozí komponentu navbar a ukážeme, jak ji lze přesunout, umístit a rozšířit.

Snímek obrazovky navigačních panelů
Navbary

Ukázka všech responzivních a kontejnerových možností pro navigační panel.

Statický snímek obrazovky Navbar
Navbar statický

Příklad jednoho navbaru statického horního navbaru spolu s nějakým dalším obsahem.

Opravený snímek obrazovky Navbar
Navbar opraven

Příklad jednoho navigačního panelu s pevným horním navigačním panelem spolu s nějakým dalším obsahem.

Snímek spodní obrazovky navigačního panelu
Spodní část navigační lišty

Příklad jednoho navigačního panelu se spodním navigačním panelem spolu s nějakým dalším obsahem.

Experimenty

Příklady, které se zaměřují na budoucí funkce nebo techniky.

Snímek obrazovky s plovoucími štítky
Plovoucí štítky

Krásně jednoduché formuláře s plovoucími štítky nad vašimi vstupy.

Snímek obrazovky Offcanvas
Offcanvas

Proměňte svůj rozbalitelný navigační panel na posuvnou nabídku mimo plátno.