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ú marketingoldal 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ő adminisztrátori 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, illesszen 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ára egy 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

Demonstration of all responsive and container options for the navbar.

Navbar statikus képernyőkép
Navbar static

Single navbar example of a static top navbar along with some additional content.

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

Single navbar example with a fixed top navbar along with some additional content.

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

Single navbar example with a bottom navbar along with some additional content.

Experiments

Examples that focus on future-friendly features or techniques.

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

Beautifully simple forms with floating labels over your inputs.

Offcanvas képernyőkép
Offcanvas

Turn your expandable navbar into a sliding offcanvas menu.