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.

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

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

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

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

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

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

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

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

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

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

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.

Startovací šablona
Nic než základy: kompilované CSS a JavaScript.

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

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.

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

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

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.

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.

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

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