Utdrag
Vanliga mönster för byggplatser och appar som bygger på befintliga komponenter och verktyg med anpassad CSS och mer.
![](/docs/5.0/assets/img/examples/headers.png)
Rubriker
Visa ditt varumärke, navigering, sökning och mer med dessa rubrikkomponenter
![](/docs/5.0/assets/img/examples/heroes.png)
hjältar
Sätt scenen på din startsida med hjältar som har tydliga uppmaningar.
![](/docs/5.0/assets/img/examples/features.png)
Funktioner
Förklara funktionerna, fördelarna eller andra detaljer i ditt marknadsföringsinnehåll.
![](/docs/5.0/assets/img/examples/sidebars.png)
Sidofält
Vanliga navigeringsmönster idealiska för offcanvas- eller flerkolumnslayouter.
Anpassade komponenter
Helt nya komponenter och mallar för att hjälpa människor att snabbt komma igång med Bootstrap och visa bästa praxis för att lägga till ramverket.
![](/docs/5.0/assets/img/examples/album.png)
Album
Enkel ensidig mall för fotogallerier, portföljer och mer.
![](/docs/5.0/assets/img/examples/pricing.png)
Prissättning
Exempel på prissättningssida byggd med kort och med en anpassad sidhuvud och sidfot.
![](/docs/5.0/assets/img/examples/checkout.png)
Kolla upp
Anpassat kassaformulär som visar våra formulärkomponenter och deras valideringsfunktioner.
![](/docs/5.0/assets/img/examples/product.png)
Produkt
Slank produktfokuserad marknadsföringssida med omfattande rutnäts- och bildarbete.
![](/docs/5.0/assets/img/examples/cover.png)
Omslag
En ensidig mall för att bygga enkla och vackra hemsidor.
![](/docs/5.0/assets/img/examples/carousel.png)
Karusell
Anpassa navigeringsfältet och karusellen och lägg sedan till några nya komponenter.
![](/docs/5.0/assets/img/examples/blog.png)
Blogg
Tidskriftsliknande bloggmall med rubrik, navigering, utvalt innehåll.
![](/docs/5.0/assets/img/examples/dashboard.png)
instrumentbräda
Grundläggande administratörsinstrumentpanel med fast sidofält och navigeringsfält.
![](/docs/5.0/assets/img/examples/sign-in.png)
Logga in
Anpassad formulärlayout och design för ett enkelt inloggningsformulär.
![](/docs/5.0/assets/img/examples/sticky-footer.png)
Klibbig sidfot
Fäst en sidfot längst ned i visningsporten när sidinnehållet är kort.
![](/docs/5.0/assets/img/examples/sticky-footer-navbar.png)
Sticky sidfotsnavigeringsfält
Fäst en sidfot längst ner i visningsporten med en fast navigeringsfält.
![](/docs/5.0/assets/img/examples/jumbotron.png)
Jumbotron
Använd verktyg för att återskapa och förbättra Bootstrap 4:s jumbotron.
Ramverk
Exempel som fokuserar på att implementera användningar av inbyggda komponenter som tillhandahålls av Bootstrap.
![](/docs/5.0/assets/img/examples/starter-template.png)
Förrättsmall
Inget annat än grunderna: kompilerad CSS och JavaScript.
![](/docs/5.0/assets/img/examples/grid.png)
Rutnät
Flera exempel på rutnätslayouter med alla fyra nivåerna, kapsling och mer.
![](/docs/5.0/assets/img/examples/cheatsheet.png)
Fusklapp
Diskbänk av Bootstrap-komponenter.
![](/docs/5.0/assets/img/examples/cheatsheet-rtl.png)
Fuskblad RTL
Diskbänk av Bootstrap-komponenter, RTL.
Navbars
Tar standard navbar-komponenten och visar hur den kan flyttas, placeras och utökas.
![](/docs/5.0/assets/img/examples/navbars.png)
Navbars
Demonstration av alla responsiva och containeralternativ för navigeringsfältet.
![](/docs/5.0/assets/img/examples/navbar-static.png)
Navbar statisk
Enstaka navigeringsfältexempel på en statisk toppnavigeringsfält tillsammans med lite extra innehåll.
![](/docs/5.0/assets/img/examples/navbar-fixed.png)
Navbar fixad
Exempel på enstaka navigeringsfält med fast toppnavigeringsfält tillsammans med lite extra innehåll.
![](/docs/5.0/assets/img/examples/navbar-bottom.png)
Navbar botten
Exempel på enstaka navigeringsfält med ett nedre navigeringsfält tillsammans med lite extra innehåll.
![](/docs/5.0/assets/img/examples/offcanvas-navbar.png)
Offcanvas navigeringsfält
Förvandla ditt expanderbara navfält till en glidande offcanvas-meny (använder inte vår offcanvas-komponent).
RTL
Se Bootstraps RTL-version i aktion med dessa modifierade exempel på anpassade komponenter.
RTL-funktionen är fortfarande experimentell och kommer troligen att utvecklas enligt feedback från användare. Har du upptäckt något eller har du en förbättring att föreslå? Öppna ett problem , vi vill gärna ha dina insikter.
![](/docs/5.0/assets/img/examples/album-rtl.png)
Album RTL
Enkel ensidig mall för fotogallerier, portföljer och mer.
![](/docs/5.0/assets/img/examples/checkout-rtl.png)
Till kassan RTL
Anpassat kassaformulär som visar våra formulärkomponenter och deras valideringsfunktioner.
![](/docs/5.0/assets/img/examples/carousel-rtl.png)
Karusell RTL
Anpassa navigeringsfältet och karusellen och lägg sedan till några nya komponenter.
![](/docs/5.0/assets/img/examples/blog-rtl.png)
Blogg RTL
Tidskriftsliknande bloggmall med rubrik, navigering, utvalt innehåll.
![](/docs/5.0/assets/img/examples/dashboard-rtl.png)
Instrumentpanel RTL
Grundläggande administratörsinstrumentpanel med fast sidofält och navigeringsfält.
Integrationer
Integrationer med externa bibliotek.
![](/docs/5.0/assets/img/examples/masonry.png)
Murverk
Kombinera krafterna i Bootstrap-rutnätet och Masonry-layouten.
Gå längre med Bootstrap Themes
Behöver du något mer än dessa exempel? Ta Bootstrap till nästa nivå med premiumteman från den officiella Bootstrap Themes-marknaden . De är byggda som sina egna utökade ramverk, rika på nya komponenter och plugins, dokumentation och kraftfulla byggverktyg.
Bläddra bland teman![Bootstrap-teman](/docs/5.0/assets/img/bootstrap-themes-collage.png)