Angular Bootstrap Visibility
Angular visibility - Bootstrap 4 & Material Design
Note: This documentation is for an older version of Bootstrap (v.4). A
newer version is available for Bootstrap 5. We recommend migrating to the latest version of our product - Material Design for
Bootstrap 5.
Go to docs v.5
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);
}