📜  带有插件的布尔玛按钮组

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

带有插件的布尔玛按钮组

在本文中,我们将看到带有插件的 Bulma 按钮组。众所周知,我们可以在 Bulma 的表单控件中添加带有按钮的插件,同样我们也可以将两个或多个按钮插件组合成一个组。为了创建一个带有附加组件的组,我们可以创建两个或多个带有has-addons类的字段容器。

带有插件类的布尔玛按钮组:

  • has-addons:该类用于将按钮控件组合在一个容器中。在字段容器中使用两个 has-addons 类可以对多个按钮插件进行分组。

句法:

....

示例 1:下面的示例说明了带有插件的 Bulma 按钮组。

HTML



    
    
    
    GFG
    
    
  
  
    
      

GeekforGeeks

      

Bulma Button Group with addons

         
        

                   

           

                   

           

                   

         
               
        

                   

           

                   

           

                   

           

                   

         
    
 


HTML



    
    
    
    GFG
    
    
  
  
    
      

GeekforGeeks

      

Bulma Button Group with addons

         
        

                   

           

                   

           

                   

         
               
        

                   

           

                   

           

                   

         
    
 


输出:

带有插件的布尔玛按钮组

带有插件的布尔玛按钮组

示例 2:此示例说明了带有插件的彩色 Bulma 按钮组。

HTML




    
    
    
    GFG
    
    
  
  
    
      

GeekforGeeks

      

Bulma Button Group with addons

         
        

                   

           

                   

           

                   

         
               
        

                   

           

                   

           

                   

         
    
 

输出:

带有插件的布尔玛按钮组

带有插件的布尔玛按钮组

参考: https ://bulma.io/documentation/elements/button/#button-group-with-addons