Gå til hovedinnhold
Det er en nyere versjon av Bootstrap 4!

Eksempler

Kom raskt i gang med et prosjekt med noen av eksemplene våre, alt fra bruk av deler av rammeverket til tilpassede komponenter og oppsett.

Last ned kildekoden

Tilpassede komponenter

Splitter nye komponenter og maler for å hjelpe folk raskt å komme i gang med Bootstrap og demonstrere beste praksis for å legge til rammeverket.

Skjermbilde av album
Album

Enkel énsides mal for fotogallerier, porteføljer og mer.

Skjermbilde for prissetting
Prissetting

Eksempel på prisside bygget med kort og med tilpasset topp- og bunntekst.

Skjermbilde til kassen
Sjekk ut

Egendefinert betalingsskjema som viser skjemakomponentene våre og deres valideringsfunksjoner.

Skjermbilde av produktet
Produkt

Lean produktfokusert markedsføringsside med omfattende grid- og bildearbeid.

Skjermbilde for cover
Dekke

En ensides mal for å bygge enkle og vakre hjemmesider.

Skjermbilde av karusell
Karusell

Tilpass navigasjonslinjen og karusellen, og legg deretter til noen nye komponenter.

Skjermbilde av bloggen
Blogg

Magasin som bloggmal med overskrift, navigasjon, fremhevet innhold.

Skjermbilde av Dashboard
Dashbord

Grunnleggende admin-dashbordskall med fast sidefelt og navbar.

Skjermbilde for pålogging
Logg inn

Egendefinert skjemalayout og design for et enkelt påloggingsskjema.

Skjermbilde med klebrig bunntekst
Klistrete bunntekst

Fest en bunntekst nederst i visningsporten når sideinnholdet er kort.

Skjermbilde av navigasjonslinjen med klebrig bunntekst
Sticky bunntekst navigasjonslinje

Fest en bunntekst til bunnen av visningsporten med en fast toppnavigeringslinje.

Rammeverk

Eksempler som fokuserer på implementering av bruk av innebygde komponenter levert av Bootstrap.

Skjermbilde for startmal
Startmal

Ingenting annet enn det grunnleggende: kompilert CSS og JavaScript.

Grid-skjermbilde
Nett

Flere eksempler på rutenettoppsett med alle fire nivåer, nesting og mer.

Jumbotron-skjermbilde
Jumbotron

Bygg rundt jumbotronen med en navbar og noen grunnleggende rutenettsøyler.

Tar standard navbar-komponenten og viser hvordan den kan flyttes, plasseres og utvides.

Navbars skjermbilde
Navbarer

Demonstrasjon av alle responsive og containeralternativer for navigasjonslinjen.

Navbar statisk skjermbilde
Navbar statisk

Enkelt navbar eksempel på en statisk toppnavigasjonslinje sammen med noe tilleggsinnhold.

Navbar fikset skjermbilde
Navbar fikset

Enkelt navbar eksempel med en fast topp navbar sammen med noe tilleggsinnhold.

Navbar nederste skjermbilde
Navbar nederst

Enkelt navbar eksempel med en nederste navlinje sammen med noe tilleggsinnhold.

Eksperimenter

Eksempler som fokuserer på fremtidsvennlige funksjoner eller teknikker.

Skjermbilde av flytende etiketter
Flytende etiketter

Vakre enkle skjemaer med flytende etiketter over inndataene dine.

Offcanvas-skjermbilde
Offcanvas

Gjør den utvidbare navigasjonslinjen til en glidende meny utenfor lerretet.