Ga naar hoofdinhoud

Voorbeelden

Start snel een project met een van onze voorbeelden, variërend van het gebruik van delen van het framework tot aangepaste componenten en lay-outs.

Fragmenten

Veelvoorkomende patronen voor het bouwen van sites en apps die voortbouwen op bestaande componenten en hulpprogramma's met aangepaste CSS en meer.

Kopteksten

Toon uw branding, navigatie, zoekopdrachten en meer met deze koptekstcomponenten

Helden

Zet de toon op je homepage met helden met duidelijke call-to-actions.

Functies

Leg de functies, voordelen of andere details in uw marketinginhoud uit.

Zijbalken

Veelgebruikte navigatiepatronen, ideaal voor off-canvas of lay-outs met meerdere kolommen.

voetteksten

Werk elke pagina sterk af met een geweldige footer, groot of klein.

Vervolgkeuzelijsten

Verbeter uw vervolgkeuzelijsten met filters, pictogrammen, aangepaste stijlen en meer.

Lijst groepen

Breid lijstgroepen uit met hulpprogramma's en aangepaste stijlen voor alle inhoud.

modaliteiten

Transformeer modals om elk doel te dienen, van feature tours tot dialogen.

Aangepaste componenten

Gloednieuwe componenten en sjablonen om mensen te helpen snel aan de slag te gaan met Bootstrap en om best practices te demonstreren voor toevoeging aan het framework.

Album

Eenvoudig sjabloon van één pagina voor fotogalerijen, portfolio's en meer.

Prijzen

Voorbeeldprijspagina gebouwd met Cards en met een aangepaste kop- en voettekst.

Uitchecken

Aangepast afrekenformulier met onze formuliercomponenten en hun validatiefuncties.

Product

Lean productgerichte marketingpagina met uitgebreid raster- en beeldwerk.

Omslag

Een sjabloon van één pagina voor het maken van eenvoudige en mooie startpagina's.

Carrousel

Pas de navigatiebalk en carrousel aan en voeg vervolgens enkele nieuwe componenten toe.

Blog

Tijdschriftachtige blogsjabloon met koptekst, navigatie, aanbevolen inhoud.

Dashboard

Basis dashboard voor beheerders met vaste zijbalk en navigatiebalk.

Log in

Aangepaste formulierlay-out en ontwerp voor een eenvoudig inlogformulier.

Kleverige voettekst

Voeg een voettekst toe aan de onderkant van de viewport wanneer de pagina-inhoud kort is.

Navbar met plakkerige voettekst

Bevestig een voettekst aan de onderkant van de viewport met een vaste navigatiebalk bovenaan.

Jumbotron

Gebruik hulpprogramma's om de jumbotron van Bootstrap 4 te recreëren en te verbeteren.

Kader

Voorbeelden die zich richten op het implementeren van het gebruik van ingebouwde componenten die door Bootstrap worden geleverd.

Startsjabloon

Niets dan de basis: gecompileerde CSS en JavaScript.

Rooster

Meerdere voorbeelden van rasterlay-outs met alle vier de lagen, nesten en meer.

Spiek briefje

Aanrecht van Bootstrap componenten.

Cheatsheet RTL

Aanrecht van Bootstrap componenten, RTL.

De standaardnavbar-component nemen en laten zien hoe deze kan worden verplaatst, geplaatst en uitgebreid.

Navigatiebalken

Demonstratie van alle responsive en container opties voor de navbar.

Statische navigatiebalk

Voorbeeld van een enkele navigatiebalk van een statische navigatiebalk bovenaan, samen met wat extra inhoud.

Navbar vast

Voorbeeld van een enkele navigatiebalk met een navigatiebalk met een vaste bovenkant en wat extra inhoud.

Navbar onderaan

Voorbeeld van een enkele navigatiebalk met een navigatiebalk onderaan samen met wat extra inhoud.

Offcanvas-navigatiebalk

Verander uw uitbreidbare navigatiebalk in een uitschuifbaar offcanvas-menu (maakt geen gebruik van onze offcanvas-component).

RTL

Bekijk de RTL-versie van Bootstrap in actie met deze aangepaste voorbeelden van aangepaste componenten.

De RTL-functie is nog experimenteel en zal waarschijnlijk evolueren op basis van feedback van gebruikers. Iets gezien of een verbetering voor te stellen? Open een probleem , we horen graag uw inzichten.

Album RTL

Eenvoudig sjabloon van één pagina voor fotogalerijen, portfolio's en meer.

Afrekenen RTL

Aangepast afrekenformulier met onze formuliercomponenten en hun validatiefuncties.

Carrousel RTL

Pas de navigatiebalk en carrousel aan en voeg vervolgens enkele nieuwe componenten toe.

Blog RTL

Tijdschriftachtige blogsjabloon met koptekst, navigatie, aanbevolen inhoud.

Dashboard RTL

Basis dashboard voor beheerders met vaste zijbalk en navigatiebalk.

Integraties

Integraties met externe bibliotheken.

Metselwerk

Combineer de krachten van het Bootstrap-raster en de metselwerklay-out.


Ga verder met Bootstrap-thema's

Heb je meer nodig dan deze voorbeelden? Til Bootstrap naar een hoger niveau met premium thema's van de officiële Bootstrap Themes-marktplaats . Ze zijn gebouwd als hun eigen uitgebreide frameworks, rijk aan nieuwe componenten en plug-ins, documentatie en krachtige build-tools.

Blader door thema's
Bootstrap-thema's