Visibility
Bootstrap visibility class allows controlling visibility of elements without changing display. This utility keep content visible for screen readers.
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);
}