Bulma 是一个基于 Flexbox 的免费开源 CSS 框架。它组件丰富、兼容且文档齐全。它本质上是高度敏感的。它使用类来实现其设计。
关卡是一个多用途的水平关卡，几乎可以包含任何其他元素。关卡组件包括几个其他组件，我们必须专门添加这些组件才能很好地设计我们的内容。下面列出了这些组件。
- level：是主容器
- level-left：左侧内容的容器。
- level-right：右侧内容的容器。
- level-items：针对每个单独的级别项目。在关卡项目中，您几乎可以插入任何您想要的内容，标题、按钮、文本输入或只是简单的文本。无论您在 Bulma 关卡中放入什么元素，它们都将始终垂直居中。
示例 1：简单级别元素
Bulma Level
输出：
示例 2：移动级别元素
Bulma Level
示例 3：居中 Level 元素
Bulma Level
输出
居中级别元素(在大屏幕中)
居中的关卡元素(在小屏幕中)