📜  布尔玛按钮组

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

布尔玛按钮组

当我们需要将按钮分组在一行时,我们使用 字段容器中的is-grouped修饰符。为了将按钮分组在一行中,我们将所有按钮放在一个 div 中,并将类在字段容器中分组。

布尔玛按钮组类:

  • is-grouped:在 Bulma 中,is-grouped 类用于将所有按钮分组在一行上。

句法:

示例 1:在下面的示例中,我们对 div 标签使用了 is-grouped 修饰符。

HTML


  

    Bulma Button Group
    

  

    
        

                     

           

                     

           

                     

       
  


HTML


  

    Bulma Button Group
    

  

    
        

                     

           

                     

           

                     

           

                     

           

                     

           

                     

           

                     

       
  


输出:

布尔玛按钮组

示例 2:在下面的示例中,我们对 div 标签使用了 is-grouped 修饰符。

HTML



  

    Bulma Button Group
    

  

    
        

                     

           

                     

           

                     

           

                     

           

                     

           

                     

           

                     

       
  

输出:

布尔玛按钮组

参考链接: https://bulma.io/documentation/elements/button/#button-group