Bootstrap 5.2 / Utilities
Overflow
Gebruik deze beknopte utilities om snel in te stellen hoe content buiten een element treedt.
Pas de overflow-eigenschap ter plekke aan met vier standaardwaarden en -klassen. Deze klassen zijn standaard niet responsief.
Dit is een voorbeeld van
.overflow-auto op een element met ingestelde breedte- en hoogteafmetingen. Deze content scrollt met opzet verticaal.
Dit is een voorbeeld van
.overflow-hidden op een element met ingestelde breedte- en hoogteafmetingen.
Dit is een voorbeeld van
.overflow-visible op een element met ingestelde breedte- en hoogteafmetingen.
Dit is een voorbeeld van
.overflow-scroll op een element met ingestelde breedte- en hoogteafmetingen.
HTML
<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>Met Sass-variabelen kun je de overflow-utilities aanpassen door de variabele $overflows in _variables.scss te wijzigen.
Sass
Utilities-API
Overflow-utilities worden gedeclareerd in onze utilities-API in scss/_utilities.scss. Leer hoe je de utilities-API gebruikt.
Standaardwaarden: zie scss/_utilities.scss in de Bootstrap-broncode.