Ugrás a fő tartalomhoz
Megjelent a Bootstrap 4 újabb verziója!

Példák

Gyorsan elindíthat egy projektet bármelyik példánkkal, kezdve a keretrendszer egyes részeinek használatától az egyéni összetevőkig és elrendezésekig.

Töltse le a forráskódot

Egyedi alkatrészek

Vadonatúj összetevők és sablonok, amelyek segítenek az embereknek gyorsan elkezdeni a Bootstrap használatát, és bemutatják a keretrendszerhez való hozzáadással kapcsolatos bevált módszereket.

Album képernyőképe
Album

Egyszerű, egyoldalas sablon fotógalériákhoz, portfóliókhoz és egyebekhez.

Árképzés képernyőképe
Árazás

Példa árképzési oldalra, amely a Cards segítségével készült, és egyéni fejléccel és lábléccel rendelkezik.

Checkout képernyőkép
Pénztár

Egyéni fizetési űrlap, amely bemutatja űrlapösszetevőinket és azok érvényesítési funkcióit.

Termék képernyőképe
Termék

Lean termékközpontú marketing oldal kiterjedt rács- és imázsmunkával.

Borító képernyőkép
Borító

Egyoldalas sablon egyszerű és gyönyörű kezdőlapok készítéséhez.

Carousel screenshot
Körhinta

Szabja testre a navigációs sávot és a körhintat, majd adjon hozzá néhány új összetevőt.

Blog képernyőképe
Blog

Magazinhoz hasonló blogsablon fejléccel, navigációval, kiemelt tartalommal.

Az irányítópult képernyőképe
Irányítópult

Alapvető rendszergazdai műszerfal fix oldalsávval és navigációs sávval.

Bejelentkezési képernyőkép
Bejelentkezés

Egyedi űrlapelrendezés és -tervezés egy egyszerű bejelentkezési űrlaphoz.

Ragadós lábléc képernyőképe
Ragadós lábléc

Ha az oldal tartalma rövid, helyezzen láblécet a nézetablak aljára.

Ragadós lábléc navigációs sáv képernyőképe
Ragadós lábléc-navigációs sáv

Rögzítsen láblécet a nézetablak aljához rögzített felső navigációs sávval.

Keretrendszer

Példák, amelyek a Bootstrap által biztosított beépített összetevők használatának megvalósítására összpontosítanak.

Kezdősablon képernyőképe
Kezdő sablon

Semmi, csak az alapok: lefordított CSS és JavaScript.

Rács képernyőkép
Rács

Több példa rácselrendezésre mind a négy szinttel, egymásba ágyazással és még sok mással.

Jumbotron képernyőkép
Jumbotron

Építsen a jumbotron köré egy navigációs sáv és néhány alapvető rácsoszlop segítségével.

Az alapértelmezett navigációs sáv komponensének átvétele és annak bemutatása, hogyan lehet mozgatni, elhelyezni és kiterjeszteni.

Navbars képernyőkép
Navbars

A navigációs sáv összes reszponzív és tárolóbeállításának bemutatása.

Navbar statikus képernyőkép
Statikus Navbar

Egyetlen navigációs sáv példa egy statikus felső navigációs sávra néhány további tartalommal együtt.

Navbar javított képernyőkép
Navbar javítva

Példa egyetlen navigációs sávra rögzített felső navigációs sávval, valamint néhány további tartalommal.

Navbar alsó képernyőkép
Navbar alsó

Példa egyetlen navigációs sávra egy alsó navigációs sávval és néhány további tartalommal.

Kísérletek

Példák, amelyek a jövőbarát funkciókra vagy technikákra összpontosítanak.

Lebegő címkék képernyőképe
Lebegő címkék

Gyönyörűen egyszerű űrlapok lebegő címkékkel a bemenetek fölött.

Offcanvas képernyőkép
Offcanvas

Alakítsa át a kibontható navigációs sávot csúszó offcanvas menüvé.