📜  布尔玛 |等级

📅  最后修改于: 2021-08-31 07:04:36             🧑  作者: Mango

Bulma 是一个基于 Flexbox 的免费开源 CSS 框架。它组件丰富、兼容且文档齐全。它本质上是高度敏感的。它使用类来实现其设计。

关卡是一个多用途的水平关卡,几乎可以包含任何其他元素。关卡组件包括几个其他组件,我们必须专门添加这些组件才能很好地设计我们的内容。下面列出了这些组件。

  1. level:是主容器
  2. level-left:左侧内容的容器。
  3. level-right:右侧内容的容器。
  4. level-items:针对每个单独的级别项目。在关卡项目中,您几乎可以插入任何您想要的内容,标题、按钮、文本输入或只是简单的文本。无论您在 Bulma 关卡中放入什么元素,它们都将始终垂直居中。

示例 1:简单级别元素


  
    Bulma Level
    
    
    
  
    
    
           
  

输出:

示例 2:移动级别元素


  
    Bulma Level
    
    
    
  
  
    
           
  

示例 3:居中 Level 元素


  
    Bulma Level
    
    
    
  
  
    
           
  

输出

居中级别元素(在大屏幕中)

居中的关卡元素(在小屏幕中)