Bootstrap 5.2 in het Nederlands

Breakpoints Breakpoints zijn aanpasbare breedtes die bepalen hoe je responsieve layout zich in Bootstrap gedraagt bij vers... Containers Containers zijn een fundamentele bouwsteen van Bootstrap die je content omvatten, van padding voorzien en uitl... Grid-systeem Gebruik ons krachtige mobile-first flexbox-grid om layouts in alle soorten en maten te bouwen, dankzij een sys... Kolommen Leer hoe je kolommen aanpast met een handvol opties voor uitlijning, volgorde en offsets, dankzij ons flexbox-... Gutters Gutters zijn de padding tussen je kolommen, die wordt gebruikt om content in het Bootstrap-grid-systeem respon... CSS Grid Leer met voorbeelden en codefragmenten hoe je ons alternatieve layout-systeem op basis van CSS Grid inschakelt... Z-index Hoewel z-indexen geen onderdeel zijn van het grid-systeem van Bootstrap, spelen ze een belangrijke rol in hoe... Utilities voor layout Voor snellere mobielvriendelijke en responsieve ontwikkeling bevat Bootstrap tientallen utility-klassen om con...

Reboot Reboot, een verzameling element-specifieke CSS-aanpassingen in één bestand, geeft Bootstrap een vliegende star... Typografie Documentatie en voorbeelden voor de typografie van Bootstrap, waaronder globale instellingen, koppen, bodyteks... Afbeeldingen Documentatie en voorbeelden om afbeeldingen responsief gedrag te geven (zodat ze nooit breder worden dan hun b... Tabellen Documentatie en voorbeelden voor opt-in styling van tabellen (gezien hun veelvuldige gebruik in JavaScript-plu... Figures Documentatie en voorbeelden voor het weergeven van bij elkaar horende afbeeldingen en tekst met het figure-com...

Formulieren Voorbeelden en gebruiksrichtlijnen voor stijlen van formulierbesturingselementen, layout-opties en eigen compo... Form controls Geef tekstuele formulierbesturingselementen zoals `<input>`s en `<textarea>`s een opfrisbeurt met eigen stijle... Select Pas de native `<select>`s aan met eigen CSS die het basisuiterlijk van het element wijzigt. Checks en radios Maak consistente selectievakjes en radioknoppen voor alle browsers en apparaten met ons volledig herschreven c... Range Gebruik onze eigen range-inputs voor consistente styling in alle browsers en ingebouwde aanpassingsmogelijkhed... Input group Breid formulierbesturingselementen eenvoudig uit door tekst, knoppen of knopgroepen aan weerszijden van tekstu... Floating labels Maak prachtig eenvoudige formulierlabels die over je invoervelden zweven. Layout Geef je formulieren structuur — van inline tot horizontaal tot eigen grid-implementaties — met onze layout-opt... Validatie Geef je gebruikers waardevolle, bruikbare feedback met HTML5-formuliervalidatie, via het standaardgedrag van d...

Accordion Bouw verticaal inklapbare accordions in combinatie met onze Collapse-JavaScript-plugin. Alerts Geef contextuele feedbackberichten bij veelvoorkomende gebruikersacties met het handvol beschikbare en flexibe... Badges Documentatie en voorbeelden voor badges, ons kleine component voor tellers en labels. Breadcrumb Geef de locatie van de huidige pagina binnen een navigatiehiërarchie aan, met scheidingstekens die automatisch... Buttons Gebruik de eigen knopstijlen van Bootstrap voor acties in formulieren, dialoogvensters en meer, met ondersteun... Button group Groepeer een reeks knoppen op één regel of stapel ze in een verticale kolom. Cards De cards van Bootstrap bieden een flexibele en uitbreidbare contentcontainer met meerdere varianten en opties. Carousel Een slideshow-component om door elementen — afbeeldingen of tekstslides — te bladeren, als een carrousel. Close button Een algemene sluitknop om content zoals modals en alerts weg te klikken. Collapse Schakel de zichtbaarheid van content in je hele project met een paar klassen en onze JavaScript-plugins. Dropdowns Schakel contextuele overlays voor het tonen van lijsten met links en meer met de dropdown-plugin van Bootstrap... List group List groups zijn een flexibel en krachtig component om een reeks content weer te geven. Pas ze aan en breid ze... Modal Gebruik de JavaScript-modal-plugin van Bootstrap om dialoogvensters aan je site toe te voegen voor lightboxen,... Navbar Documentatie en voorbeelden voor de krachtige, responsieve navigatiekop van Bootstrap: de navbar. Inclusief on... Navs en tabs Documentatie en voorbeelden over het gebruik van de meegeleverde navigatiecomponenten van Bootstrap. Offcanvas Bouw verborgen zijbalken in je project voor navigatie, winkelwagens en meer, met een paar klassen en onze Java... Pagination Documentatie en voorbeelden voor paginering, om aan te geven dat een reeks samenhangende content over meerdere... Placeholders Gebruik laad-placeholders voor je componenten of pagina's om aan te geven dat er mogelijk nog iets laadt. Popovers Documentatie en voorbeelden voor het toevoegen van Bootstrap-popovers, zoals je die in iOS vindt, aan elk elem... Progress Documentatie en voorbeelden voor het gebruik van de eigen voortgangsbalken van Bootstrap, met ondersteuning vo... Scrollspy Werk Bootstrap-navigatie- of list group-componenten automatisch bij op basis van de scrollpositie, om aan te g... Spinners Geef de laadstatus van een component of pagina aan met Bootstrap-spinners, volledig gebouwd met HTML en CSS en... Toasts Stuur pushmeldingen naar je bezoekers met een toast, een lichtgewicht en eenvoudig aan te passen meldingsberic... Tooltips Documentatie en voorbeelden voor het toevoegen van eigen Bootstrap-tooltips met CSS en JavaScript, met CSS3 vo...

Clearfix Maak gefloate content binnen een container snel en eenvoudig vrij door een clearfix-utility toe te voegen. Gekleurde links Gekleurde links met hover-states Kleur & achtergrond Stel een achtergrondkleur in met een contrasterende voorgrondkleur. Positie Gebruik deze helpers om snel de positie van een element in te stellen. Ratio's Gebruik gegenereerde pseudo-elementen om een element de beeldverhouding van jouw keuze te laten behouden. Perf... Stacks Beknopte helpers die voortbouwen op onze flexbox-utilities om componentlayouts sneller en makkelijker dan ooit... Stretched link Maak elk HTML-element of Bootstrap-component klikbaar door een geneste link via CSS op te "rekken". Tekst afkappen Kap lange stukken tekst af met een beletselteken. Verticale scheidingslijn Gebruik de eigen vertical rule-helper om verticale scheidingslijnen te maken, net als het `<hr>`-element. Visueel verborgen Gebruik deze helpers om elementen visueel te verbergen maar toegankelijk te houden voor hulptechnologieën.

Achtergrond Breng betekenis over via `background-color` en voeg decoratie toe met gradiënten. Randen Gebruik border-utilities om de rand en border-radius van een element snel op te maken. Ideaal voor afbeeldinge... Kleuren Breng betekenis over via `color` met een handvol kleur-utility-klassen. Inclusief ondersteuning voor het opmak... Display-eigenschap Schakel de display-waarde van componenten en meer snel en responsief met onze display-utilities. Inclusief ond... Flex Beheer snel de layout, uitlijning en afmetingen van grid-kolommen, navigatie, componenten en meer met een comp... Float Schakel floats op elk element en bij elk breakpoint met onze responsieve float-utilities. Interacties Utility-klassen die veranderen hoe gebruikers met de inhoud van een website omgaan. Opacity Bepaal de dekking van elementen. Overflow Gebruik deze beknopte utilities om snel in te stellen hoe content buiten een element treedt. Positie Gebruik deze beknopte utilities om snel de positie van een element in te stellen. Schaduwen Voeg met box-shadow-utilities schaduwen toe aan elementen of verwijder ze. Afmetingen Maak een element eenvoudig zo breed of zo hoog als je wilt met onze width- en height-utilities. Spacing Bootstrap bevat een breed scala aan beknopte, responsieve utility-klassen voor margin, padding en gap om het u... Tekst Documentatie en voorbeelden voor gangbare tekst-utilities om uitlijning, omslaan, gewicht en meer te bepalen. Verticale uitlijning Wijzig eenvoudig de verticale uitlijning van inline-, inline-block-, inline-table- en tabelcel-elementen. Zichtbaarheid Bepaal met visibility-utilities de zichtbaarheid van elementen zonder hun display aan te passen. Utility-API De utility-API is een op Sass gebaseerd hulpmiddel om utility-klassen te genereren.

Aanpassen Leer hoe je Bootstrap van een thema voorziet, aanpast en uitbreidt met Sass, een schat aan globale opties, een... Opties Pas Bootstrap snel aan met ingebouwde variabelen om globale CSS-voorkeuren voor stijl en gedrag eenvoudig te s... Sass Gebruik onze Sass-bronbestanden om te profiteren van variabelen, maps, mixins en functies die je helpen snelle... Kleur Bootstrap wordt ondersteund door een uitgebreid kleursysteem dat onze stijlen en componenten van een thema voo... Componenten Leer hoe en waarom we vrijwel al onze componenten responsief bouwen, met basis- en modifier-klassen. CSS-variabelen Gebruik de CSS custom properties van Bootstrap voor snel en toekomstbestendig ontwerp en ontwikkeling. Optimaliseren Houd je projecten slank, responsief en onderhoudbaar, zodat je de beste ervaring kunt leveren en je op belangr...

Aanpak Leer meer over de leidende principes, strategieën en technieken waarmee Bootstrap wordt gebouwd en onderhouden... Iconen Richtlijnen en suggesties voor het gebruik van externe iconenbibliotheken met Bootstrap.

Migreren naar v5 Volg en bekijk de wijzigingen in de Bootstrap-bronbestanden, documentatie en componenten om je te helpen migre...