Class Mobile
Up to 768px
Tablet
Between 769px and 1023px
Desktop
Between 1024px and 1215px
Widescreen
Between 1216px and 1407px
FullHD
1408px and above
is-flex-mobile

flex

unchanged

unchanged

unchanged

unchanged

is-flex-tablet-only

unchanged

flex

unchanged

unchanged

unchanged

is-flex-desktop-only

unchanged

unchanged

flex

unchanged

unchanged

is-flex-widescreen-only

unchanged

unchanged

unchanged

flex

unchanged

Classes to display up to or from a specific breakpoint

相应类只在特定断点 相等时 或 之上时 显示

is-flex-touch

flex

flex

unchanged

unchanged

unchanged

is-flex-tablet

unchanged

flex

flex

flex

flex

is-flex-desktop

unchanged

unchanged

flex

flex

flex

is-flex-widescreen

unchanged

unchanged

unchanged

flex

flex

is-flex-fullhd

unchanged

unchanged

unchanged

unchanged

flex

对于其他的display选项,只需将is-flex替换为is-block is-inline is-inline-blockis-inline-flex


隐藏(Hide) #

Class Mobile
Up to 768px
Tablet
Between 769px and 1023px
Desktop
Between 1024px and 1215px
Widescreen
Between 1216px and 1407px
FullHD
1408px and above
is-hidden-mobile

hidden

visible

visible

visible

visible

is-hidden-tablet-only

visible

hidden

visible

visible

visible

is-hidden-desktop-only

visible

visible

hidden

visible

visible

is-hidden-widescreen-only

visible

visible

visible

hidden

visible

Classes to hide up to or from a specific breakpoint

相应类只在特定断点 相等时 或 之上时 隐藏

is-hidden-touch

hidden

hidden

visible

visible

visible

is-hidden-tablet

visible

hidden

hidden

hidden

hidden

is-hidden-desktop

visible

visible

hidden

hidden

hidden

is-hidden-widescreen

visible

visible

visible

hidden

hidden

is-hidden-fullhd

visible

visible

visible

visible

hidden