[ipfire.org.git] / src / scss / bootstrap-4.0.0-alpha.6 / docs / utilities / invisible-content.md

---
layout: docs
title: Invisible content
group: utilities
---

The `.invisible` class can be used to toggle only the visibility of an element, meaning its `display` is not modified and the element can still affect the flow of the document.

{% highlight html %}
<div class="invisible">...</div>
{% endhighlight %}

{% highlight scss %}
// Class
.invisible {
  visibility: hidden;
}

// Usage as a mixin
.element {
  @include invisible;
}
{% endhighlight %}
Commit	Line	Data
91e44d91 S	1	---
	2	layout: docs
	3	title: Invisible content
	4	group: utilities
	5	---
	6
	7	The `.invisible` class can be used to toggle only the visibility of an element, meaning its `display` is not modified and the element can still affect the flow of the document.
	8
	9	{% highlight html %}
	10	<div class="invisible">...</div>
	11	{% endhighlight %}
	12
	13	{% highlight scss %}
	14	// Class
	15	.invisible {
	16	visibility: hidden;
	17	}
	18
	19	// Usage as a mixin
	20	.element {
	21	@include invisible;
	22	}
	23	{% endhighlight %}