Responsive utilities
Responsive utilities
For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query. Also included are utility classes for toggling content when printed.
Try to use these on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device’s presentation.
Contents
Available classes
- The
.hidden-*-up
classes hide the element when the viewport is at the given breakpoint or wider. For example,.hidden-md-up
hides an element on medium, large, and extra-large viewports. - The
.hidden-*-down
classes hide the element wh