Warning: session_start(): open(/var/lib/php/fpm/session/sess_970in0n15fv5av3is6reh9tt80, O_RDWR) failed: No such file or directory (2) in /var/www/tst02/wp-content/plugins/wordpress-social-login/wp-social-login.php on line 64

Warning: session_start(): Failed to read session data: files (path: /var/lib/php/fpm/session) in /var/www/tst02/wp-content/plugins/wordpress-social-login/wp-social-login.php on line 64
React Visibility - Bootstrap 4 & Material Design. Examples & tutorial - Material Design for Bootstrap

React Bootstrap Visibility

React Visibility - Bootstrap 4 & Material Design

React Bootstrap visibility class allows controlling the visibility of elements without changing the display. This utility keep content visible for screen readers.

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 className="visible">...</div>
        <div className="invisible">...</div>

      


          .visible {
              visibility: visible;
          }
          .invisible {
              visibility: hidden;
          }
          .element {
              @include invisible(visible);
          }
          .element {
              @include invisible(hidden);
          }