Docs - responsive helpers

Home / Doc / Docs Responsive Helpers

Screens breakpoints

Breakpoint Size in pixels
XS 480 - 767
SM 768 - 991
MD 992 - 1139
LG >= 1170

Visibility

  • .visible-xs - hides element, and makes it visible on xs and less screens
  • .visible-sm - hides element, and makes it visible on sm and less screens
  • .visible-md - hides element, and makes it visible on md and less screens
  • .visible-lg - hides element, and makes it visible on lg and larger screens
  • .hidden-xs - Only hides element, and makes it visible on xs and less screens
  • .hidden-sm - Only hides element, and makes it visible on sm and less screens
  • .hidden-md - Only hides element, and makes it visible on md and less screens
  • .hidden-lg - Only hides element, and makes it visible on lg and larger screens.
Top