Skip to content
Vinicius Reif Biavatti edited this page Sep 17, 2019 · 2 revisions

Description

The media classes are used to define when the element will appear or disappear by the screen size. It is used for responsive control of the application. The available media classes are:

Class Small (<= 600px) Medium (<= 992px) Large (<= 1200px) Extra Large (> 1200px)
.hide-on-small-only X X X
.hide-on-small-and-down X X X
.hide-on-med-and-down X X
.hide-on-med-and-up X
.hide-on-med-only X X X
.hide-on-large-only X X
.hide-on-extra-large-only X X X
.show-on-extra-large X
.show-on-large X X
.show-on-medium X
.show-on-small X
.show-on-medium-and-up X X X
.show-on-medium-and-down X X
Clone this wiki locally