Preskoči na glavno vsebino

Primeri

Hitro začnite projekt s katerim koli od naših primerov, od uporabe delov ogrodja do komponent in postavitev po meri.

Izrezki

Pogosti vzorci za gradnjo spletnih mest in aplikacij, ki gradijo na obstoječih komponentah in pripomočkih s CSS po meri in več.

Glave

Prikažite svojo blagovno znamko, navigacijo, iskanje in drugo s temi komponentami glave

Heroji

Postavite oder na svoji domači strani z junaki, ki vsebujejo jasne pozive k dejanjem.

Lastnosti

Pojasnite funkcije, prednosti ali druge podrobnosti v svoji tržni vsebini.

Stranske vrstice

Pogosti navigacijski vzorci, idealni za postavitve zunaj platna ali več stolpcev.

Komponente po meri

Popolnoma nove komponente in predloge, ki ljudem pomagajo hitro začeti uporabljati Bootstrap in prikazujejo najboljše prakse za dodajanje v ogrodje.

Album

Preprosta enostranska predloga za fotogalerije, portfelje in drugo.

Cenitev

Primer strani s cenami, zgrajene s karticami, z glavo in nogo po meri.

Preveri

Obrazec za odjavo po meri, ki prikazuje naše komponente obrazca in njihove funkcije preverjanja.

Izdelek

Tržna stran, osredotočena na vitke izdelke, z obsežno mrežo in slikami.

Pokrov

Enostranska predloga za izdelavo preprostih in lepih domačih strani.

Vrtiljak

Prilagodite navbar in vrtiljak, nato pa dodajte nekaj novih komponent.

Blog

Predloga spletnega dnevnika, podobna reviji, z glavo, navigacijo, predstavljeno vsebino.

Nadzorna plošča

Osnovna lupina skrbniške nadzorne plošče s fiksno stransko vrstico in vrstico za krmarjenje.

Vpis

Postavitev obrazca po meri in oblikovanje za preprost obrazec za prijavo.

Lepljiva noga

Če je vsebina strani kratka, na dno vidnega polja pritrdite nogo.

Navigacijska vrstica lepljive noge

Na dno vidnega polja pritrdite nogo s fiksno zgornjo vrstico za krmarjenje.

Jumbotron

Uporabite pripomočke za ponovno ustvarjanje in izboljšanje jumbotrona Bootstrap 4.

Okvir

Primeri, ki se osredotočajo na uporabo vgrajenih komponent, ki jih zagotavlja Bootstrap.

Začetna predloga

Nič drugega kot osnove: preveden CSS in JavaScript.

Mreža

Več primerov mrežnih postavitev z vsemi štirimi nivoji, gnezdenjem in še več.

Plonk listek

Kuhinjsko korito komponent Bootstrap.

Cheatsheet RTL

Kuhinjsko korito Bootstrap komponent, RTL.

Vzamemo privzeto komponento navbara in pokažemo, kako jo je mogoče premikati, postaviti in razširiti.

Navbars

Predstavitev vseh odzivnih možnosti in možnosti vsebnika za navbar.

Navbar statična

Primer ene vrstice za krmarjenje statične zgornje vrstice za krmarjenje skupaj z nekaj dodatne vsebine.

Navbar popravljen

Primer ene vrstice za krmarjenje s fiksno zgornjo vrstico za krmarjenje skupaj z nekaj dodatne vsebine.

Navbar spodaj

Primer ene vrstice za krmarjenje s spodnjo vrstico za krmarjenje skupaj z nekaj dodatne vsebine.

Navigacijska vrstica Offcanvas

Spremenite svojo razširljivo vrstico za krmarjenje v drseči meni zunaj platna (ne uporablja naše komponente offcanvas).

RTL

Oglejte si Bootstrapovo različico RTL v akciji s temi spremenjenimi primeri komponent po meri.

Funkcija RTL je še vedno poskusna in se bo verjetno razvijala glede na povratne informacije uporabnikov. Ste kaj opazili ali predlagate izboljšavo? Odprite vprašanje , radi bi dobili vaše vpoglede.

Album RTL

Preprosta enostranska predloga za fotogalerije, portfelje in drugo.

Blagajna RTL

Obrazec za odjavo po meri, ki prikazuje naše komponente obrazca in njihove funkcije preverjanja.

Vrtiljak RTL

Prilagodite navbar in vrtiljak, nato pa dodajte nekaj novih komponent.

Blog RTL

Predloga spletnega dnevnika, podobna reviji, z glavo, navigacijo, predstavljeno vsebino.

Nadzorna plošča RTL

Osnovna lupina skrbniške nadzorne plošče s fiksno stransko vrstico in vrstico za krmarjenje.

Integracije

Integracije z zunanjimi knjižnicami.

Zidarstvo

Združite moči mreže Bootstrap in postavitve Masonry.


Pojdite dlje s temami Bootstrap

Potrebujete nekaj več od teh primerov? Popeljite Bootstrap na višjo raven z vrhunskimi temami iz uradne tržnice Bootstrap Themes . Zgrajeni so kot lastna razširjena ogrodja, bogata z novimi komponentami in vtičniki, dokumentacijo in zmogljivimi orodji za gradnjo.

Prebrskajte po temah
Teme Bootstrap