📜  布尔玛移动关卡

📅  最后修改于: 2022-05-13 01:56:55.510000             🧑  作者: Mango

布尔玛移动关卡

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

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

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

布尔玛移动级别课程:

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

句法:

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

HTML


  

    Bulma Mobile Level
    
  
    

  

    

GeeksforGeeks

    Bulma Mobile Level     
        

Level with is-mobile modifier.

                    

Level without is-mobile modifier.

             
  


输出:

布尔玛移动关卡

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