📜  布尔玛图标大小

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

布尔玛图标大小

Bulma Icon Size 类用于定义图标容器的大小。 Bulma 中的图标容器有 4 种不同的尺寸: small、default、mediumlarge 。可以使用 Bulma 提供的 CSS 类来设置图标容器的大小。图标容器的默认尺寸为 1.5rem × 1.5rem。

图标大小类:

  • is-small:该类将图标容器的大小设置为 1rem × 1rem。
  • is-medium:该类将图标容器的大小设置为 2rem × 2rem。
  • is-large:该类将图标容器的大小设置为 3rem × 3rem。

注意:上面的这些类只改变图标容器的大小,而不是实际的图标。

句法:


    

示例:下面的示例说明了使用 Bulma 图标大小类来设置图标容器的大小。

HTML


  

    Bulma Icon Sizes
    
    
  
    

  

    

GeeksforGeeks

    Bulma Icon Sizes     
        
                                                   
        
                                                   
        
                                                   
        
                                                   
    
  


输出:

布尔玛图标大小

参考: https://bulma.io/documentation/elements/icon/#sizes