Spring til hovedindhold
Check

Eksempler

Kom hurtigt i gang med et projekt med ethvert af vores eksempler lige fra at bruge dele af rammen til brugerdefinerede komponenter og layouts.

Uddrag

Fælles mønstre for byggepladser og apps, der bygger på eksisterende komponenter og hjælpeprogrammer med tilpasset CSS og mere.

Overskrifter

Vis din branding, navigation, søgning og mere med disse overskriftskomponenter

Helte

Sæt scenen på din hjemmeside med helte, der har klare opfordringer til handling.

Funktioner

Forklar funktionerne, fordelene eller andre detaljer i dit marketingindhold.

Sidebjælker

Fælles navigationsmønstre ideelle til offcanvas eller multi-søjle layout.

Sidefødder

Afslut hver side stærkt med en fantastisk sidefod, stor som lille.

Dropdowns

Forbedre dine rullemenuer med filtre, ikoner, brugerdefinerede stilarter og mere.

Liste grupper

Udvid listegrupper med hjælpeprogrammer og brugerdefinerede stilarter til ethvert indhold.

Modaler

Transform modaler til at tjene ethvert formål, fra feature-rundvisninger til dialoger.

Brugerdefinerede komponenter

Splinternye komponenter og skabeloner til at hjælpe folk med hurtigt at komme i gang med Bootstrap og demonstrere bedste praksis for tilføjelse til rammen.

Album

Enkel én-sides skabelon til fotogallerier, porteføljer og mere.

Prissætning

Eksempel på prisside bygget med kort og med en tilpasset sidehoved og sidefod.

Checkout

Tilpasset betalingsformular, der viser vores formularkomponenter og deres valideringsfunktioner.

Produkt

Lean produktfokuseret marketingside med omfattende grid- og billedarbejde.

Dække over

En en-sides skabelon til at bygge enkle og smukke hjemmesider.

Karrusel

Tilpas navigeringslinjen og karrusellen, og tilføj derefter nogle nye komponenter.

Blog

Magasin som blogskabelon med overskrift, navigation, fremhævet indhold.

Dashboard

Grundlæggende admin dashboard shell med fast sidebar og navbar.

Log ind

Brugerdefineret formularlayout og design til en enkel login-formular.

Sticky footer

Vedhæft en sidefod til bunden af ​​visningsporten, når sideindholdet er kort.

Sticky footer navigationslinje

Fastgør en sidefod til bunden af ​​visningsporten med en fast topnavigeringslinje.

Jumbotron

Brug værktøjer til at genskabe og forbedre Bootstrap 4's jumbotron.

Ramme

Eksempler, der fokuserer på implementering af brug af indbyggede komponenter leveret af Bootstrap.

Starter skabelon

Intet andet end det grundlæggende: kompileret CSS og JavaScript.

Gitter

Flere eksempler på gitterlayout med alle fire niveauer, indlejring og mere.

Snydeark

Køkkenvask af Bootstrap komponenter.

Snydeark RTL

Køkkenvask af Bootstrap komponenter, RTL.

Tager standard navbar-komponenten og viser, hvordan den kan flyttes, placeres og udvides.

Navbars

Demonstration af alle responsive og containermuligheder for navbaren.

Navbars offcanvas

Samme som Navbars-eksemplet, men med vores offcanvas-komponent.

Navbar statisk

Enkelt navbar eksempel på en statisk top navbar sammen med noget ekstra indhold.

Navbar fikset

Enkelt navbar eksempel med en fast top navbar sammen med noget ekstra indhold.

Navbar nederst

Enkelt navbar eksempel med en nederste navbar sammen med noget ekstra indhold.

Offcanvas navbar

Gør din udvidelige navbar til en glidende offcanvas-menu (bruger ikke vores offcanvas-komponent).

RTL

Se Bootstraps RTL-version i aktion med disse modificerede Custom Components-eksempler.

RTL er stadig eksperimenterende og vil udvikle sig med feedback. Fandt du noget eller har du en forbedring at foreslå?

Åbn venligst et problem.

Album RTL

Enkel én-sides skabelon til fotogallerier, porteføljer og mere.

Kasse RTL

Tilpasset betalingsformular, der viser vores formularkomponenter og deres valideringsfunktioner.

Karrusel RTL

Tilpas navigeringslinjen og karrusellen, og tilføj derefter nogle nye komponenter.

Blog RTL

Magasin som blogskabelon med overskrift, navigation, fremhævet indhold.

Dashboard RTL

Grundlæggende admin dashboard shell med fast sidebar og navbar.

Integrationer

Integration med eksterne biblioteker.

Murværk

Kombiner kræfterne fra Bootstrap-gitteret og Masonry-layoutet.


Gå videre med Bootstrap Themes

Har du brug for noget mere end disse eksempler? Tag Bootstrap til næste niveau med premium-temaer fra den officielle Bootstrap Themes-markedsplads . De er bygget som deres egne udvidede rammer, rige med nye komponenter og plugins, dokumentation og kraftfulde byggeværktøjer.

Gennemse temaer
Bootstrap-temaer