Gå til hovedinnhold

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.

Utdrag

Vanlige mønstre for byggeplasser og apper som bygger på eksisterende komponenter og verktøy med tilpasset CSS og mer.

Overskrifter

Vis merkevarebygging, navigasjon, søk og mer med disse overskriftskomponentene

Helter

Sett scenen på hjemmesiden din med helter som har klare oppfordringer til handling.

Funksjoner

Forklar funksjonene, fordelene eller andre detaljer i markedsføringsinnholdet ditt.

Sidefelt

Vanlige navigasjonsmønstre som er ideelle for offcanvas- eller flerspalteoppsett.

Bunntekster

Fullfør hver side sterkt med en fantastisk bunntekst, stor eller liten.

Rullegardiner

Forbedre rullegardinlistene dine med filtre, ikoner, egendefinerte stiler og mer.

List grupper

Utvid listegrupper med verktøy og egendefinerte stiler for ethvert innhold.

Modaler

Forvandle modaler for å tjene ethvert formål, fra funksjonelle omvisninger til dialoger.

Egendefinerte komponenter

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

Album

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

Prissetting

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

Sjekk ut

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

Produkt

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

Dekke

En ensides mal for å bygge enkle og vakre hjemmesider.

Karusell

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

Blogg

Magasin som bloggmal med overskrift, navigasjon, fremhevet innhold.

Dashbord

Grunnleggende admin-dashbordskall med fast sidefelt og navbar.

Logg inn

Egendefinert skjemalayout og design for et enkelt påloggingsskjema.

Klistrete bunntekst

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

Sticky bunntekst navigasjonslinje

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

Jumbotron

Bruk verktøy for å gjenskape og forbedre Bootstrap 4s jumbotron.

Rammeverk

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

Startmal

Ingenting annet enn det grunnleggende: kompilert CSS og JavaScript.

Nett

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

Jukseark

Kjøkkenvask av Bootstrap-komponenter.

Jukseark RTL

Kjøkkenvask av Bootstrap-komponenter, RTL.

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

Navbarer

Demonstrasjon av alle responsive og containeralternativer for navigasjonslinjen.

Navbar statisk

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

Navbar fikset

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

Navbar nederst

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

Offcanvas navigasjonslinje

Gjør din utvidbare navbar til en glidende offcanvas-meny (bruker ikke offcanvas-komponenten vår).

RTL

Se Bootstraps RTL-versjon i aksjon med disse modifiserte Custom Components-eksemplene.

RTL-funksjonen er fortsatt eksperimentell og vil sannsynligvis utvikle seg i henhold til tilbakemeldinger fra brukere. Har du oppdaget noe eller har du en forbedring å foreslå? Åpne et problem , vi vil gjerne ha innsikten din.

Album RTL

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

Sjekk ut RTL

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

Karusell RTL

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

Blogg RTL

Magasin som bloggmal med overskrift, navigasjon, fremhevet innhold.

Dashboard RTL

Grunnleggende admin-dashbordskall med fast sidefelt og navbar.

Integrasjoner

Integrasjoner med eksterne biblioteker.

Murverk

Kombiner kreftene til Bootstrap-nettet og Masonry-oppsettet.


Gå videre med Bootstrap Themes

Trenger du noe mer enn disse eksemplene? Ta Bootstrap til neste nivå med premium-temaer fra den offisielle Bootstrap Themes-markedet . De er bygget som sine egne utvidede rammeverk, rike med nye komponenter og plugins, dokumentasjon og kraftige byggeverktøy.

Bla gjennom temaer
Bootstrap-temaer