Warning: session_start(): open(/var/lib/php/fpm/session/sess_4v34koklap9tjjma22rvu6ljns, O_RDWR) failed: Permission denied (13) 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

Notice: Undefined index: HTTP_REFERER in /var/www/tst02/wp-content/themes/mdbootstrap4/inc/cookie-setter.php on line 8
Vue Visibility - Bootstrap 4 & Material Design. Examples & tutorial - Material Design for Bootstrap

Vue Bootstrap Visibility

Vue Visibility - Bootstrap 4 & Material Design

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);
          }