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 kildekodenSplitter nye komponenter og maler for å hjelpe folk raskt å komme i gang med Bootstrap og demonstrere beste praksis for å legge til rammeverket.
![Skjermbilde av album](/docs/4.0/examples/screenshots/album.png)
Album
Enkel énsides mal for fotogallerier, porteføljer og mer.
![Skjermbilde for prissetting](/docs/4.0/examples/screenshots/pricing.png)
Prissetting
Eksempel på prisside bygget med kort og med tilpasset topp- og bunntekst.
![Skjermbilde til kassen](/docs/4.0/examples/screenshots/checkout.png)
Sjekk ut
Egendefinert betalingsskjema som viser skjemakomponentene våre og deres valideringsfunksjoner.
![Skjermbilde av produktet](/docs/4.0/examples/screenshots/product.png)
Produkt
Lean produktfokusert markedsføringsside med omfattende grid- og bildearbeid.
![Skjermbilde for cover](/docs/4.0/examples/screenshots/cover.png)
Dekke
En ensides mal for å bygge enkle og vakre hjemmesider.
![Skjermbilde av karusell](/docs/4.0/examples/screenshots/carousel.png)
Karusell
Tilpass navigasjonslinjen og karusellen, og legg deretter til noen nye komponenter.
![Skjermbilde av bloggen](/docs/4.0/examples/screenshots/blog.png)
Blogg
Magasin som bloggmal med overskrift, navigasjon, fremhevet innhold.
![Skjermbilde av Dashboard](/docs/4.0/examples/screenshots/dashboard.png)
Dashbord
Grunnleggende admin-dashbordskall med fast sidefelt og navbar.
![Skjermbilde for pålogging](/docs/4.0/examples/screenshots/sign-in.png)
Logg inn
Egendefinert skjemalayout og design for et enkelt påloggingsskjema.
![Skjermbilde med klebrig bunntekst](/docs/4.0/examples/screenshots/sticky-footer.png)
Klistrete bunntekst
Fest en bunntekst nederst i visningsporten når sideinnholdet er kort.
![Skjermbilde av navigasjonslinjen med klebrig bunntekst](/docs/4.0/examples/screenshots/sticky-footer-navbar.png)
Sticky bunntekst navigasjonslinje
Fest en bunntekst til bunnen av visningsporten med en fast toppnavigeringslinje.
Eksempler som fokuserer på implementering av bruk av innebygde komponenter levert av Bootstrap.
![Skjermbilde for startmal](/docs/4.0/examples/screenshots/starter-template.png)
Startmal
Ingenting annet enn det grunnleggende: kompilert CSS og JavaScript.
![Grid-skjermbilde](/docs/4.0/examples/screenshots/grid.png)
Nett
Flere eksempler på rutenettoppsett med alle fire nivåer, nesting og mer.
![Jumbotron-skjermbilde](/docs/4.0/examples/screenshots/jumbotron.png)
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](/docs/4.0/examples/screenshots/navbars.png)
Navbarer
Demonstrasjon av alle responsive og containeralternativer for navigasjonslinjen.
![Navbar statisk skjermbilde](/docs/4.0/examples/screenshots/navbar-static.png)
Navbar statisk
Enkelt navbar eksempel på en statisk toppnavigasjonslinje sammen med noe tilleggsinnhold.
![Navbar fikset skjermbilde](/docs/4.0/examples/screenshots/navbar-fixed.png)
Navbar fikset
Enkelt navbar eksempel med en fast topp navbar sammen med noe tilleggsinnhold.
![Navbar nederste skjermbilde](/docs/4.0/examples/screenshots/navbar-bottom.png)
Navbar nederst
Enkelt navbar eksempel med en nederste navlinje sammen med noe tilleggsinnhold.
Eksempler som fokuserer på fremtidsvennlige funksjoner eller teknikker.
![Skjermbilde av flytende etiketter](/docs/4.0/examples/screenshots/floating-labels.png)
Flytende etiketter
Vakre enkle skjemaer med flytende etiketter over inndataene dine.
![Offcanvas-skjermbilde](/docs/4.0/examples/screenshots/offcanvas.png)
Offcanvas
Gjør den utvidbare navigasjonslinjen til en glidende meny utenfor lerretet.