Hoppa till huvudinnehållet
Det finns en nyare version av Bootstrap 4!

Exempel

Kom snabbt igång med ett projekt med något av våra exempel, från att använda delar av ramverket till anpassade komponenter och layouter.

Ladda ner källkod

Anpassade komponenter

Helt nya komponenter och mallar för att hjälpa människor att snabbt komma igång med Bootstrap och visa bästa praxis för att lägga till ramverket.

Album skärmdump
Album

Enkel ensidig mall för fotogallerier, portföljer och mer.

Skärmdump för prissättning
Prissättning

Exempel på prissättningssida byggd med kort och med en anpassad sidhuvud och sidfot.

Checkout skärmdump
Kolla upp

Anpassat kassaformulär som visar våra formulärkomponenter och deras valideringsfunktioner.

Skärmdump av produkten
Produkt

Slank produktfokuserad marknadsföringssida med omfattande rutnäts- och bildarbete.

Omslagsskärmdump
Omslag

En ensidig mall för att bygga enkla och vackra hemsidor.

Karusell skärmdump
Karusell

Anpassa navigeringsfältet och karusellen och lägg sedan till några nya komponenter.

Skärmdump av bloggen
Blogg

Tidskriftsliknande bloggmall med rubrik, navigering, utvalt innehåll.

Skärmdump av instrumentpanelen
instrumentbräda

Grundläggande administratörsinstrumentpanel med fast sidofält och navigeringsfält.

Skärmdump för inloggning
Logga in

Anpassad formulärlayout och design för ett enkelt inloggningsformulär.

Sticky footer skärmdump
Klibbig sidfot

Fäst en sidfot längst ned i visningsporten när sidinnehållet är kort.

Sticky footer navbar skärmdump
Sticky sidfotsnavigeringsfält

Fäst en sidfot längst ner i visningsporten med en fast navigeringsfält.

Ramverk

Exempel som fokuserar på att implementera användningar av inbyggda komponenter som tillhandahålls av Bootstrap.

Skärmdump för startmall
Förrättsmall

Inget annat än grunderna: kompilerad CSS och JavaScript.

Grid skärmdump
Rutnät

Flera exempel på rutnätslayouter med alla fyra nivåerna, kapsling och mer.

Jumbotron skärmdump
Jumbotron

Bygg runt jumbotronen med en navbar och några grundläggande rutkolumner.

Tar standard navbar-komponenten och visar hur den kan flyttas, placeras och utökas.

Navbars skärmdump
Navbars

Demonstration av alla responsiva och containeralternativ för navigeringsfältet.

Navbar statisk skärmdump
Navbar statisk

Enstaka navigeringsfältexempel på en statisk toppnavigeringsfält tillsammans med lite extra innehåll.

Navbar fixad skärmdump
Navbar fixad

Exempel på enstaka navigeringsfält med fast toppnavigeringsfält tillsammans med lite extra innehåll.

Navbar nedre skärmdump
Navbar botten

Exempel på enstaka navigeringsfält med ett nedre navigeringsfält tillsammans med lite extra innehåll.

Experiment

Exempel som fokuserar på framtidsvänliga funktioner eller tekniker.

Skärmdump av flytande etiketter
Flytande etiketter

Vackert enkla formulär med flytande etiketter över dina inmatningar.

Offcanvas skärmdump
Offcanvas

Förvandla ditt expanderbara navigeringsfält till en glidande meny utanför arbetsytan.