GusCSS - Documentation de la Visibilité

Classes Visible sur Différents Appareils

Visible sur extra small devices and up
Visible sur small devices and up
Visible sur medium devices and up
Visible sur large devices and up
Visible sur extra large devices and up
Visible sur extra extra large devices and up

Exemple de Code

<div class="visible-xs">Visible sur extra small devices and up</div>
<div class="visible-sm">Visible sur small devices and up</div>
<div class="visible-md">Visible sur medium devices and up</div>
<div class="visible-lg">Visible sur large devices and up</div>
<div class="visible-xl">Visible sur extra large devices and up</div>
<div class="visible-xxl">Visible sur extra extra large devices and up</div>

Classes Cachées sur Différents Appareils

Hidden on medium devices
Hidden on extra extra large devices

Exemple de Code

<div class="hidden-xs">Hidden on extra small devices</div>
<div class="hidden-sm">Hidden on small devices</div>
<div class="hidden-md">Hidden on medium devices</div>
<div class="hidden-lg">Hidden on large devices</div>
<div class="hidden-xl">Hidden on extra large devices</div>
<div class="hidden-xxl">Hidden on extra extra large devices</div>

Classes Visibles ou Cachées lors de l'Impression

Visible only when printing
Hidden when printing

Exemple de Code

<div class="visible-print">Visible only when printing</div>
<div class="hidden-print">Hidden when printing</div>