Angular Bootstrap Visibility

Angular Visibility - Bootstrap 4 & Material Design

Note: We are transitioning MDB4 to a legacy version and focusing on developing MDB5. While we'll continue to support for the transition period, we encourage you to migrate to MDB5. We're offering a 50% discount on MDB5 PRO to help with your transition, enabling you to leverage the full potential of the latest version. You can find more information here.
get 50% discount on MDB5 PRO

Control the visibility, without modifying the display, of elements with visibility utilities. These do not modify the display value at all and are helpful for hiding content from most users, but still keeping them for screen readers.

Apply .visible or .invisible as needed.

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

        
            
          // Class
          .visible {
            visibility: visible;
          }
          .invisible {
            visibility: hidden;
          }
          // Usage as a mixin
          .element {
            @include invisible(visible);
          }
          .element {
            @include invisible(hidden);
          }