Preskoči na glavni sadržaj
Postoji novija verzija Bootstrapa 4!

Primjeri

Brzo započnite projekat s bilo kojim od naših primjera, od korištenja dijelova okvira do prilagođenih komponenti i izgleda.

Preuzmite izvorni kod

Prilagođene komponente

Potpuno nove komponente i predlošci koji pomažu ljudima da brzo počnu s Bootstrapom i demonstriraju najbolje prakse za dodavanje u okvir.

Snimak ekrana albuma
Album

Jednostavan predložak na jednoj stranici za foto galerije, portfelje i još mnogo toga.

Snimak ekrana za cijene
Cijene

Primjer stranice s cijenama napravljene s karticama i koja sadrži prilagođeno zaglavlje i podnožje.

Checkout screenshot
Provjeri

Prilagođeni obrazac za naplatu koji prikazuje naše komponente obrasca i njihove karakteristike validacije.

Snimak ekrana proizvoda
Proizvod

Lean marketinška stranica fokusirana na proizvod s opsežnom mrežom i radom na slikama.

Snimak ekrana naslovnice
Cover

Predložak na jednoj stranici za izradu jednostavnih i lijepih početnih stranica.

Snimak ekrana vrteške
Carousel

Prilagodite navigacijsku traku i vrtuljak, a zatim dodajte neke nove komponente.

Snimak ekrana bloga
Blog

Šablon bloga poput časopisa sa zaglavljem, navigacijom, istaknutim sadržajem.

Snimak ekrana kontrolne table
Dashboard

Osnovna admin kontrolna ploča sa fiksnom bočnom trakom i navigacijskom trakom.

Snimak ekrana za prijavu
Prijava

Prilagođeni izgled i dizajn obrasca za jednostavnu prijavu.

Snimak ekrana ljepljivog podnožja
Lepljivo podnožje

Priložite podnožje na dno okvira za prikaz kada je sadržaj stranice kratak.

Snimak ekrana navigacijske trake ljepljivog podnožja
Ljepljiva navigacijska traka podnožja

Pričvrstite podnožje na dno okvira za prikaz pomoću fiksne gornje navigacijske trake.

Framework

Primjeri koji se fokusiraju na implementaciju korištenja ugrađenih komponenti koje pruža Bootstrap.

Snimak ekrana za početni šablon
Početni šablon

Ništa osim osnova: kompajlirani CSS i JavaScript.

Snimak ekrana mreže
Grid

Više primjera rasporeda mreže sa sva četiri nivoa, ugniježđenja i još mnogo toga.

Jumbotron screenshot
Jumbotron

Izgradite oko jumbotrona pomoću navigacijske trake i nekih osnovnih stupaca mreže.

Uzimanje zadane komponente navigacijske trake i pokazivanje kako se može premjestiti, postaviti i proširiti.

Navbars screenshot
Navbars

Demonstracija svih responzivnih i kontejnerskih opcija za navigacijsku traku.

Navbar statički snimak ekrana
Navbar statičan

Jedan primjer navigacijske trake statične gornje navigacijske trake zajedno sa nekim dodatnim sadržajem.

Navbar popravljen snimak ekrana
Navbar ispravljen

Primjer jedne navigacijske trake sa fiksnom gornjom navigacijskom trakom zajedno s nekim dodatnim sadržajem.

Donji snimak ekrana Navbar-a
Navbar donji

Primjer jedne navigacijske trake s donjom navigacijskom trakom zajedno s nekim dodatnim sadržajem.

Eksperimenti

Primjeri koji se fokusiraju na karakteristike ili tehnike prilagođene budućnosti.

Snimak ekrana plutajućih oznaka
Plutajuće etikete

Predivno jednostavni obrasci sa plutajućim oznakama iznad vaših unosa.

Snimak ekrana van platna
Offcanvas

Pretvorite svoju proširivu navigacijsku traku u klizni meni van platna.