Ga naar hoofdinhoud
Er is een nieuwere versie van Bootstrap 4!

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.

Broncode downloaden

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.

Albumschermafbeelding
Album

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

Schermafbeelding prijzen
Prijzen

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

Afrekenen screenshot
Uitchecken

Aangepast afrekenformulier met onze formuliercomponenten en hun validatiefuncties.

Schermafbeelding van het product
Product

Lean productgerichte marketingpagina met uitgebreid raster- en beeldwerk.

Schermafbeelding omslag
Omslag

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

Schermafbeelding carrousel
Carrousel

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

Schermafbeelding van blog
Blog

Tijdschriftachtige blogsjabloon met koptekst, navigatie, aanbevolen inhoud.

Schermafbeelding dashboard
Dashboard

Basis dashboard voor beheerders met vaste zijbalk en navigatiebalk.

Schermafbeelding van inloggen
Log in

Aangepaste formulierlay-out en ontwerp voor een eenvoudig inlogformulier.

Schermafbeelding met plakkerige voettekst
Kleverige voettekst

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

Schermafbeelding van de navigatiebalk met plakkerige voettekst
Navbar met plakkerige voettekst

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

Kader

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

Schermafbeelding startsjabloon
Startsjabloon

Niets dan de basis: gecompileerde CSS en JavaScript.

Rasterschermafbeelding
Rooster

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

Jumbotron-schermafbeelding
Jumbotron

Bouw rond de jumbotron met een navigatiebalk en enkele basisrasterkolommen.

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

Schermafbeelding van navigatiebalken
Navigatiebalken

Demonstratie van alle responsive en container opties voor de navbar.

Statische screenshot van navigatiebalk
Statische navigatiebalk

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

Navbar vaste screenshot
Navbar vast

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

Navbar onderste screenshot
Navbar onderaan

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

experimenten

Voorbeelden die zich richten op toekomstvriendelijke features of technieken.

Zwevende labels screenshot
Zwevende labels

Prachtig eenvoudige formulieren met zwevende labels over uw invoer.

Offcanvas-schermafbeelding
Off-canvas

Verander uw uitbreidbare navigatiebalk in een uitschuifbaar offcanvas-menu.