• 2.3.0

Display

<div class="hidden">Hidden</div>
<div class="hidden-print">Hidden when printed</div>
<div class="invisible">Invisible</div>
<div class="invisible-print">Invisible when printed</div>
<div class="visible-print">Visible only when printed</div>
<div class="visible-sr">Visible only to screen readers</div>
<div class="hidden-sm-up">Hidden on small screens and above</div>
<div class="hidden-md-up">Hidden on medium screens and above</div>
<div class="hidden-lg-up">Hidden on large screens and above</div>
<div class="hidden-xs-down">Hidden on extra-small screens</div>
<div class="hidden-sm-down">Hidden on small screens and under</div>
<div class="hidden-md-down">Hidden on medium screens and under</div>
<div class="hidden-print">Hidden when printed</div>

Show or hide content depending on the media type.

.hidden Completely hidden, in any case.
.hidden-print Hidden when printed.
.invisible Invisible but takes place in the flow.
.invisible-print Invisible when printed.
.visible-print Visible only when printed.
.visible-sr Visible only to screen readers.
The following classes depends on the breakpoints defined in the settings, here are the defaults.
Class Extra-small Small Medium Large
.hidden-sm-up
Visible
Hidden
Hidden
Hidden
.hidden-md-up
Visible
Visible
Hidden
Hidden
.hidden-lg-up
Visible
Visible
Visible
Hidden
.hidden-xs-down
Hidden
Visible
Visible
Visible
.hidden-sm-down
Hidden
Hidden
Visible
Visible
.hidden-md-down
Hidden
Hidden
Hidden
Visible