Bulma 修饰符语法

Bulma 中的修饰符用于操作特定类以获得所需的输出。要实现修饰符，必须在修饰符名称之前使用is-或has-修饰符类。为了在我们的代码中实现它们，必须了解这些修饰符的语法。

句法：

or 
    

• is-modifier-name：此修饰符名称采用各种值，例如 is-primary、is-link、is-info、is-success、is-warning、is-danger 等。
• has-modifier-name：此修饰符名称采用各种值，如 has-primary、has-link、has-info、has-success、has-warning、has-danger 等。

让我们通过查看修饰符的实际示例来深入探讨这个主题。

示例 1：在下面的示例中，我们使用了颜色修饰符来使列变得丰富多彩并赋予背景颜色。

HTML

  

    
    

  

    

    

        

            GeeksforGeeks
        
        
            Color Modifiers
        
    
  
    
    

        

            
                Popular Sportsman
            


  
            

                

                    

                        
Virat
                    
  
                    

                        

                            
Messi
                        
  
                        

                            

                                
Nadal
                            
                        
                    
                
            
        
    

  

输出：

示例 2：现在让我们看另一个示例，在该示例中，我们将创建按钮并使用大小修饰符来获得不同大小的按钮。

HTML

  

    
    

  

    

        

            GeeksforGeeks
        
        Size Modifiers
    
    

  
    
        This is medium
    
    


  
    
        This is regular
    
    


  
    
        This is small
    
    


  
    
        This is large
    
    


  

输出：

参考链接： https://bulma.io/documentation/overview/modifiers/