mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-04 16:24:22 +01:00
cf9454caa0
* Bump version to 5.3.0-alpha1 * Dist * Add docs versions updates * Update note in homepage hero Co-authored-by: Mark Otto <markdotto@gmail.com>
1.0 KiB
1.0 KiB
layout | title | description | group |
---|---|---|---|
docs | Visibility | Control the visibility of elements, without modifying their display, with visibility utilities. | utilities |
Set the visibility
of elements with our visibility utilities. These utility classes do not modify the display
value at all and do not affect layout – .invisible
elements still take up space in the page.
{{< callout warning >}}
Elements with the .invisible
class will be hidden both visually and for assistive technology/screen reader users.
{{< /callout >}}
Apply .visible
or .invisible
as needed.
<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
Sass
Utilities API
Visibility utilities are declared in our utilities API in scss/_utilities.scss
. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}})
{{< scss-docs name="utils-visibility" file="scss/_utilities.scss" >}}