Spring til hovedindhold

Eksempler

Kom hurtigt i gang med et projekt med et af vores eksempler lige fra at bruge dele af rammeværket 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 header-komponenter

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-layout eller multi-søjlelayout.

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.

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 bund 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-funktionen er stadig eksperimentel og vil sandsynligvis udvikle sig i henhold til brugerfeedback. Fandt du noget eller har du en forbedring at foreslå? Åbn et problem , vi vil meget gerne have din indsigt.

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

Need something more than these examples? Take Bootstrap to the next level with premium themes from the official Bootstrap Themes marketplace. They’re built as their own extended frameworks, rich with new components and plugins, documentation, and powerful build tools.

Browse themes
Bootstrap-temaer