static/scss/bootstrap-4.0.0-alpha.6/docs/utilities/invisible-content.md

   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 %}