Přejít na hlavní obsah

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řípky

Běžné vzory pro vytváření webů a aplikací, které staví na stávajících komponentách a utilitách s vlastními CSS a dalšími.

Záhlaví

Zobrazte svou značku, navigaci, vyhledávání a další pomocí těchto komponent záhlaví

Hrdinové

Vytvořte scénu na své domovské stránce pomocí hrdinů, kteří obsahují jasné výzvy k akci.

Funkce

Vysvětlete funkce, výhody nebo další podrobnosti ve svém marketingovém obsahu.

Postranní panely

Běžné navigační vzory ideální pro rozvržení mimo plátno nebo více sloupců.

Zápatí

Dokončete každou stránku dobře s úžasným zápatím, velkým nebo malým.

Rozbalovací seznamy

Vylepšete své rozbalovací nabídky pomocí filtrů, ikon, vlastních stylů a dalších.

Seznam skupin

Rozšiřte skupiny seznamů o nástroje a vlastní styly pro jakýkoli obsah.

Modály

Transformujte modály, aby sloužily jakémukoli účelu, od prohlídek prvků až po dialogy.

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.

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.

Jumbotron

Použijte nástroje k obnovení a vylepšení jumbotronu Bootstrapu 4.

Rámec

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.

Tahák

Kuchyňský dřez z komponentů Bootstrap.

Cheatsheet RTL

Kuchyňský dřez z komponentů Bootstrap, RTL.

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.

Navigační lišta mimo plátno

Proměňte svůj rozbalitelný navigační panel na posuvnou nabídku offcanvas (nepoužívá naši komponentu offcanvas).

RTL

Podívejte se na verzi RTL Bootstrapu v akci s těmito upravenými příklady vlastních komponent.

Funkce RTL je stále experimentální a pravděpodobně se bude vyvíjet podle zpětné vazby od uživatelů. Zaznamenali jste něco nebo chcete navrhnout zlepšení? Otevřete problém , rádi bychom získali vaše postřehy.

Album RTL

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

Pokladna RTL

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

Carousel RTL

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

Blog RTL

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

Dashboard RTL

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

Integrace

Integrace s externími knihovnami.

Zdivo

Spojte síly Bootstrap mřížky a rozvržení zdiva.


Jděte dále s motivy Bootstrap

Potřebujete něco víc než tyto příklady? Posuňte Bootstrap na další úroveň s prémiovými motivy z oficiálního trhu Bootstrap Themes . Jsou vytvořeny jako vlastní rozšířené rámce, bohaté na nové komponenty a pluginy, dokumentaci a výkonné nástroje pro vytváření.

Procházet motivy
Motivy bootstrapu