通过 🎓 在线互动课程、📺 教育视频和 🧑🏻‍💻 项目构建教程学习 CSS。

下载

响应式辅助工具

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

显示 #

您可以使用以下 display 类之一

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

例如，以下是 is-flex 辅助工具的工作方式

类	手机最大 `768px`	平板电脑介于 `769px` 和 `1023px` 之间	桌面介于 `1024px` 和 `1215px` 之间	宽屏介于 `1216px` 和 `1407px` 之间	FullHD `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` 之间	FullHD `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`	添加可见性 hidden
`is-hidden`	隐藏元素
`is-sr-only`	在视觉上隐藏元素，但保持该元素可供屏幕阅读器宣布

如何支持 Bulma

#native_company# #native_desc#

免费开始使用

免费开始使用