CSS Visibility

Utilize visibility utilities to control the visibility of elements without altering their display properties, ensuring a seamless user experience in your web design

What is CSS Visibility?

CSS visibility is a property that controls the visibility of an element on a webpage.

Overview

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.

Elements with the .invisible class will be hidden both visually and for assistive technology/screen reader users.

Apply .visible or .invisible as needed.

...
...

Responsive Visibility

Change the viewport to see this in action

I am invisible on small screens
I am invisible on medium screens
I am invisible on small large screens
I am invisible on extra large screens 
  
    

      

  I am invisible on small screens
      

  

  
  

    

  I am invisible on medium screens
    

  

  
  

    

  I am invisible on small large screens
    

  

  
  

    

  I am invisible on extra large screens
Other utilities you may need img-fluid,img-fit-cover,img-fit-contain,delete,table-fixed