is-mobile 模式 子元素 自动横排
1
2
3
4
is-desktop 模式（手机查看子元素 自动竖排）
1
2
3
4
组合自适应模式pc和手机 分别设置尺寸 (style="flex-wrap:wrap")
is-6-mobile
is-2-desktop
is-6-mobile
is-2-desktop
is-6-mobile
is-4-desktop
is-6-mobile
is-4-desktop

is-narrow：网格的宽度由内容的宽度决定

is-centered：网格内容居中对齐*

is-gapless：网格之间没有间距*

is-narrow
is-narrow
is-centered
is-gapless

自适应尺寸

mobile：小于等于768px

tablet：大于等于769px

desktop：大于等于1024px

widescreen：大于等于1216px

fullhd：大于等于1408px

下面是隐藏某个项目的修饰类。

is-hidden-mobile：只在手机隐藏

is-hidden-tablet-only：只在平板隐藏

is-hidden-desktop-only ：只在桌面隐藏

is-hidden-touch：手机和平板隐藏，其他宽度显示