响应式帮助器

根据视口的宽度显示/隐藏内容

显示 #

你可以使用以下 display 类之一

is-block
is-flex
is-inline
is-inline-block
is-inline-flex

例如，下面是 is-flex 帮助程序的工作方式

类	移动设备最大 `768px`	平板电脑介于 `769px` 和 `1023px` 之间	台式机介于 `1024px` 和 `1215px` 之间	宽屏介于 `1216px` 和 `1407px` 之间	全高清 `1408px` 及以上
`is-flex-mobile`	Flex	不变	不变	不变	不变
`is-flex-tablet-only`	不变	Flex	不变	不变	不变
`is-flex-desktop-only`	不变	不变	Flex	不变	不变
`is-flex-widescreen-only`	不变	不变	不变	Flex	不变
用于显示最大或从特定断点开始的类
`is-flex-touch`	Flex	Flex	不变	不变	不变
`is-flex-tablet`	不变	Flex	Flex	Flex	Flex
`is-flex-desktop`	不变	不变	Flex	Flex	Flex
`is-flex-widescreen`	不变	不变	不变	Flex	Flex
`is-flex-fullhd`	不变	不变	不变	不变	Flex

对于其他显示选项，只需将 is-flex 替换为 is-block is-inline is-inline-block 或 is-inline-flex

隐藏 #

类	移动设备最大 `768px`	平板电脑介于 `769px` 和 `1023px` 之间	台式机介于 `1024px` 和 `1215px` 之间	宽屏介于 `1216px` 和 `1407px` 之间	全高清 `1408px` 及以上
`is-hidden-mobile`	隐藏	可见	可见	可见	可见
`is-hidden-tablet-only`	可见	隐藏	可见	可见	可见
`is-hidden-desktop-only`	可见	可见	隐藏	可见	可见
`is-hidden-widescreen-only`	可见	可见	可见	隐藏	可见
用于隐藏最大或从特定断点开始的类
`is-hidden-touch`	隐藏	隐藏	可见	可见	可见
`is-hidden-tablet`	可见	隐藏	隐藏	隐藏	隐藏
`is-hidden-desktop`	可见	可见	隐藏	隐藏	隐藏
`is-hidden-widescreen`	可见	可见	可见	隐藏	隐藏
`is-hidden-fullhd`	可见	可见	可见	可见	隐藏

其他可见性帮助程序 #

`is-invisible`	添加可见性隐藏
`is-hidden`	隐藏元素
`is-sr-only`	视觉上隐藏元素，但保持元素可供屏幕阅读器播报

如何支持 Bulma

#native_company# #native_desc#