Le Tutoriel de Bootstrap Visibility Utility
View more Tutorials:
En CSS il y a deux manières de cacher un élément :
- Utilisez CSS Property: {display: none}.
- Utilisez CSS Property: {visibility: hidden}.
Maitenant je vous donnerai des explications sur la différence entre ces deux manières.
{display: none}
{display: none} cache l'élément et libère l'espace occupé par l'élément. Cela signifie qu'une fois l'élément est caché, d'autres éléments peuvent occuper son espace.

{visibility: hidden}
{visibility: hidden} va cacher l'élément mais ne libère pas l'espace occupé par l'élément.

Si l'élément est caché par {visibility: hidden} pour l'afficher de nouveau, vous devez utiliser {visibility: visible}.
Bootstrap Visibility
Au lieu d'utiliser CSS {visibility: hidden} & {visibility: visible}, Bootstrap vous fournit deux classes .invisible & .visible :
.visible, .invisible
// Class .visible { visibility: visible; } .invisible { visibility: hidden; }