Copyright 2024 by DNN Corp

Responsive Utilities

I am visible only on Large devices: Desktops (large) :)

I am visible only on Medium devices: Desktops :)

I am visible only on Small devices: Tablets :)

I am visible only on Extra small devices: Phones :)


Available classes

Use a single or combination of the available classes for toggling content across viewport breakpoints.

Available classes Extra small devices Phones (<768px) Small devices Tablets (≥768px) Medium devices Desktops (≥992px) Large devices Desktops (≥1200px)
.visible-xs-* Visible
.visible-sm-* Visible
.visible-md-* Visible
.visible-lg-* Visible
.hidden-xs Visible Visible Visible
.hidden-sm Visible Visible Visible
.hidden-md Visible Visible Visible
.hidden-lg Visible Visible Visible

Print classes

Similar to the regular responsive classes, use these for toggling content for print.

Classes Browser Print
.visible-print-block
.visible-print-inline
.visible-print-inline-block
Visible
.hidden-print Visible