/Bootstrap 4


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

Set the visibility of elements with our 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);

© 2011–2018 Twitter, Inc.
© 2011–2018 The Bootstrap Authors
Code licensed under the MIT License.
Documentation licensed under the Creative Commons Attribution License v3.0.