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ódZcela 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](/docs/4.0/examples/screenshots/album.png)
Album
Jednoduchá jednostránková šablona pro fotogalerie, portfolia a další.
![Snímek obrazovky s ceníkem](/docs/4.0/examples/screenshots/pricing.png)
Ceny
Příklad stránky s cenami vytvořené pomocí karet a obsahující vlastní záhlaví a zápatí.
![Snímek obrazovky pokladny](/docs/4.0/examples/screenshots/checkout.png)
Překontrolovat
Vlastní formulář pokladny zobrazující naše součásti formuláře a jejich ověřovací funkce.
![Snímek obrazovky produktu](/docs/4.0/examples/screenshots/product.png)
Produkt
Štíhlá marketingová stránka zaměřená na produkt s rozsáhlou mřížkou a prací s obrázky.
![Snímek úvodní obrazovky](/docs/4.0/examples/screenshots/cover.png)
Pokrýt
Jednostránková šablona pro vytváření jednoduchých a krásných domovských stránek.
![Snímek obrazovky kolotoče](/docs/4.0/examples/screenshots/carousel.png)
Kolotoč
Přizpůsobte si navigační panel a karusel a poté přidejte některé nové součásti.
![Snímek obrazovky blogu](/docs/4.0/examples/screenshots/blog.png)
Blog
Šablona blogu jako z časopisu se záhlavím, navigací a doporučeným obsahem.
![Snímek obrazovky řídicího panelu](/docs/4.0/examples/screenshots/dashboard.png)
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](/docs/4.0/examples/screenshots/sign-in.png)
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](/docs/4.0/examples/screenshots/sticky-footer.png)
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](/docs/4.0/examples/screenshots/sticky-footer-navbar.png)
Navbar Sticky footer
Připojte zápatí ke spodní části výřezu pomocí pevné horní navigační lišty.
Příklady, které se zaměřují na implementaci použití vestavěných komponent poskytovaných Bootstrapem.
![Snímek obrazovky úvodní šablony](/docs/4.0/examples/screenshots/starter-template.png)
Startovací šablona
Nic než základy: kompilované CSS a JavaScript.
![Snímek obrazovky mřížky](/docs/4.0/examples/screenshots/grid.png)
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](/docs/4.0/examples/screenshots/jumbotron.png)
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ů](/docs/4.0/examples/screenshots/navbars.png)
Navbary
Ukázka všech responzivních a kontejnerových možností pro navigační panel.
![Statický snímek obrazovky Navbar](/docs/4.0/examples/screenshots/navbar-static.png)
Navbar statický
Příklad jednoho navbaru statického horního navbaru spolu s nějakým dalším obsahem.
![Opravený snímek obrazovky Navbar](/docs/4.0/examples/screenshots/navbar-fixed.png)
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](/docs/4.0/examples/screenshots/navbar-bottom.png)
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.
Příklady, které se zaměřují na budoucí funkce nebo techniky.
![Snímek obrazovky s plovoucími štítky](/docs/4.0/examples/screenshots/floating-labels.png)
Plovoucí štítky
Krásně jednoduché formuláře s plovoucími štítky nad vašimi vstupy.
![Snímek obrazovky Offcanvas](/docs/4.0/examples/screenshots/offcanvas.png)
Offcanvas
Proměňte svůj rozbalitelný navigační panel na posuvnou nabídku mimo plátno.