Base
Objects
Components
Utilities
Visibility
Visible only on the xs breakpoint
Visible only on the sm breakpoint
Visible only on the md breakpoint
Visible only on the lg breakpoint
Visible only on the xl breakpoint
<div class="visible-xs">Visible only on the xs breakpoint</div>
<div class="visible-sm">Visible only on the sm breakpoint</div>
<div class="visible-md">Visible only on the md breakpoint</div>
<div class="visible-lg">Visible only on the lg breakpoint</div>
<div class="visible-xl">Visible only on the xl breakpoint</div>
Visible from the sm breakpoint
Visible from the md breakpoint
Visible from the lg breakpoint
<div class="visible-sm-up">Visible from the sm breakpoint</div>
<div class="visible-md-up">Visible from the md breakpoint</div>
<div class="visible-lg-up">Visible from the lg breakpoint</div>
Hidden only on the xs breakpoint
Hidden only on the sm breakpoint
Hidden only on the md breakpoint
Hidden only on the lg breakpoint
Hidden only on the xl breakpoint
<div class="hidden-xs">Hidden only on the xs breakpoint</div>
<div class="hidden-sm">Hidden only on the sm breakpoint</div>
<div class="hidden-md">Hidden only on the md breakpoint</div>
<div class="hidden-lg">Hidden only on the lg breakpoint</div>
<div class="hidden-xl">Hidden only on the xl breakpoint</div>
Hidden from the sm breakpoint
Hidden from the md breakpoint
Hidden from the lg breakpoint
<div class="hidden-sm-up">Hidden from the sm breakpoint</div>
<div class="hidden-md-up">Hidden from the md breakpoint</div>
<div class="hidden-lg-up">Hidden from the lg breakpoint</div>