added bootstrap

2025-09-22 15:33:20 -04:00
parent 6ced10281f
commit 979ea25b10
438 changed files with 85306 additions and 271 deletions
@@ -0,0 +1,33 @@
+---
+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 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.
+
+{% highlight html %}
+<div class="visible">...</div>
+<div class="invisible">...</div>
+{% endhighlight %}
+
+{% highlight scss %}
+// Class
+.visible {
+  visibility: visible;
+}
+.invisible {
+  visibility: hidden;
+}
+
+// Usage as a mixin
+.element {
+  @include invisible(visible);
+}
+.element {
+  @include invisible(hidden);
+}
+{% endhighlight %}