0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-30 12:24:19 +01:00
Bootstrap/site/content/docs/4.3/utilities/visibility.md
Mark Otto 837ff0cc11 v5: Drop remaining deprecated mixins (#28461)
- Deletes mixin mentions from float docs
- Deletes mixin mention from visibility docs
- Deletes the image-replacement page for text-hide
2019-03-14 19:23:54 +02:00

26 lines
761 B
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
layout: docs
title: Visibility
description: Control the visibility, without modifying the display, of elements with visibility utilities.
group: 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. Content will be hidden both visually and for assistive technology/screen reader users.
Apply `.visible` or `.invisible` as needed.
{{< highlight html >}}
<div class="visible">...</div>
<div class="invisible">...</div>
{{< /highlight >}}
{{< highlight scss >}}
// Class
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
{{< /highlight >}}