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
Egyszerű, egyoldalas sablon fotógalériákhoz, portfóliókhoz és egyebekhez.

Á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.

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

Termék
Lean termékközpontú marketingoldal kiterjedt rács- és imázsmunkával.

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

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

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

Irányítópult
Alapvető adminisztrátori műszerfal fix oldalsávval és navigációs sávval.

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

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
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
Semmi, csak az alapok: lefordított CSS és JavaScript.

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
Építsen a jumbotron köré egy navigációs sáv és néhány alapvető rácsoszlop segítségével.
Navbars
Az alapértelmezett navigációs sáv komponensének átvétele és annak bemutatása, hogyan lehet mozgatni, elhelyezni és kiterjeszteni.

Navbars
Demonstration of all responsive and container options for the navbar.

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

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

Navbar bottom
Single navbar example with a bottom navbar along with some additional content.
Experiments
Examples that focus on future-friendly features or techniques.

Floating labels
Beautifully simple forms with floating labels over your inputs.

Offcanvas
Turn your expandable navbar into a sliding offcanvas menu.