Bootstrap 5.2 / Utilities

Zichtbaarheid

Bepaal met visibility-utilities de zichtbaarheid van elementen zonder hun display aan te passen.

Stel de visibility van elementen in met onze visibility-utilities. Deze utility-klassen passen de display-waarde helemaal niet aan en hebben geen invloed op de layout – .invisible-elementen nemen nog steeds ruimte in op de pagina.

Let op

Elementen met de klasse .invisible worden zowel visueel als voor gebruikers van hulptechnologie/schermlezers verborgen.

Pas naar behoefte .visible of .invisible toe.

HTML

<div class="visible">...</div>
<div class="invisible">...</div>

SCSS

// Klasse
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

Sass

Utilities-API

Visibility-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.