keyboard_double_arrow_left
help Help & getting started
  1. Home
  2. Visibility

Visibility.

Control the visibility of elements, without modifying their display, with visibility utilities. Click here

Example

Set the visibility of elements with our visibility utilities. These utility classes do not modify the display value at all and do not affect layout – .invisible elements still take up space in the page.

Apply .visible or .invisible as needed.


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



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