📜  布尔玛标签尺寸

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

布尔玛标签尺寸

在 Bulma 中,标签非常有用。它可用于将信息附加到块或其他组件。标签主要有普通、中、大三种尺寸。标签的默认大小是正常的,如果我们必须将标签的大小重置为正常,则使用is-normal修饰符。

布尔玛标签尺寸等级:

  • is-normal:标签的默认大小。
  • is-medium:用于为标签提供中等大小。
  • is-large:用于赋予标签较大的尺寸。

句法:

  • ......
  • 示例 1:以下代码演示了 Bulma 标记大小的 i s-normal、is-medium、is-large类。

    HTML
    
    
      
    
        Bulma Tag Size
        
    
      
    
        
  •       GeeksforGeeks     
  •     
  •       GeeksforGeeks     
  •     
  •       GeeksforGeeks     
  •   


    HTML
    
    
      
    
        Bulma Tag Size
        
    
      
    
        

    All Tags of Normal Size

             
            
  •           GeeksforGeeks         
  •         
  •           GeeksforGeeks         
  •         
  •           GeeksforGeeks         
  •     
           

          All Tags of Medium Size     

             
            
  •           GeeksforGeeks         
  •         
  •           GeeksforGeeks         
  •         
  •           GeeksforGeeks         
  •     
           

          All Tags of Large Size     

             
            
  •           GeeksforGeeks         
  •         
  •           GeeksforGeeks         
  •         
  •           GeeksforGeeks         
  •     


    输出:

    布尔玛标签尺寸

    布尔玛标签尺寸

    示例 2:我们也可以一次更改标签大小。

    HTML

    
    
      
    
        Bulma Tag Size
        
    
      
    
        

    All Tags of Normal Size

             
            
  •           GeeksforGeeks         
  •         
  •           GeeksforGeeks         
  •         
  •           GeeksforGeeks         
  •     
           

          All Tags of Medium Size     

             
            
  •           GeeksforGeeks         
  •         
  •           GeeksforGeeks         
  •         
  •           GeeksforGeeks         
  •     
           

          All Tags of Large Size     

             
            
  •           GeeksforGeeks         
  •         
  •           GeeksforGeeks         
  •         
  •           GeeksforGeeks         
  •     

    输出:

    布尔玛标签尺寸

    布尔玛标签尺寸

    参考链接: https://bulma.io/documentation/elements/tag/#sizes