布尔玛移动关卡

Bulma 是一个基于 flexbox 的开源 CSS 框架，可用于使您的 Web 开发更快，因为它带有预构建的组件和元素。

在本文中，我们将看到Bulma Mobile Level 。

Bulma 中的关卡是一个多用途的水平关卡，其中可以包含任何元素。关卡内的所有元素都垂直居中。在移动设备上，为了更好的可读性，关卡内的项目在移动设备上是垂直的，但可以使用 Bulma 提供的is-mobile修饰符来更改此行为。

布尔玛移动级别课程：

• is-mobile：这个类用于 level 元素，使其在移动设备上保持水平。

句法：

    ...

示例：下面的示例显示了带有和不带有is-mobile修饰符的关卡元素。

HTML

  

    
    
  
    

  

    
GeeksforGeeks
    Bulma Mobile Level
    

        
Level with is-mobile modifier.
        

            

                

                    Item 1
                
            
            

                

                    Item 2
                
            
            

                

                    Item 3
                
            
        
  
        
Level without is-mobile modifier.
        

            

                

                    Item 1
                
            
            

                

                    Item 2
                
            
            

                

                    Item 3
                
            
        
    

  

输出：

布尔玛移动关卡

参考： https://bulma.io/documentation/layout/level/#mobile-level