📜  布尔玛标签尺寸

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

布尔玛标签尺寸

在 Bulma 中,我们可以根据需要选择选项卡的大小。 Bulma 的标签主要有小、中、大三种尺寸。要选择标签的大小,我们使用类 is-small、is-medium 和 is-large。

布尔玛标签尺寸等级:

  • is-small-:它为标签提供小尺寸。
  • is-medium-:它为标签提供中等大小。
  • is-medium-:它为标签提供中等大小。

句法-:

.......

示例 1:我们将使用 is-small 修饰符来表示小标签大小。

HTML


  

    Bulma Tab Size
    

  

    
        
              
  • GFG
  •           
  • Course
  •           
  • Practice
  •           
  • Jobs
  •         
      
  


HTML


  

    Bulma Tab Size
    

  

    
        
              
  • GFG
  •           
  • Course
  •           
  • Practice
  •           
  • Jobs
  •         
      
  


HTML


  

    Bulma Tab Size
    

  

    
        
              
  • GFG
  •           
  • Course
  •           
  • Practice
  •           
  • Jobs
  •         
      
  


HTML


  

    Bulma Tab Size
    

  

    
        
              
  • small
  •           
  • Course
  •           
  • Practice
  •           
  • Jobs
  •         
      
          
        
              
  • mediaum
  •           
  • Course
  •           
  • Practice
  •           
  • Jobs
  •         
      
          
        
              
  • large
  •           
  • Course
  •           
  • Practice
  •           
  • Jobs
  •         
      
  


输出-:

布尔玛标签尺寸

小标签尺寸

示例 2:我们将使用 is-medium 修饰符来表示中等标签大小。

HTML



  

    Bulma Tab Size
    

  

    
        
              
  • GFG
  •           
  • Course
  •           
  • Practice
  •           
  • Jobs
  •         
      
  

输出-:

布尔玛标签尺寸

中标签大小

示例 3:我们将使用 is-large 修饰符来表示较大的选项卡大小。

HTML



  

    Bulma Tab Size
    

  

    
        
              
  • GFG
  •           
  • Course
  •           
  • Practice
  •           
  • Jobs
  •         
      
  

输出-:

布尔玛标签尺寸

大标签尺寸

示例 4:将所有三种尺寸合二为一

HTML



  

    Bulma Tab Size
    

  

    
        
              
  • small
  •           
  • Course
  •           
  • Practice
  •           
  • Jobs
  •         
      
          
        
              
  • mediaum
  •           
  • Course
  •           
  • Practice
  •           
  • Jobs
  •         
      
          
        
              
  • large
  •           
  • Course
  •           
  • Practice
  •           
  • Jobs
  •         
      
  


布尔玛标签尺寸

参考链接: https://bulma.io/documentation/components/tabs/#sizes