Bootstrap 中的按钮组是什么？

Bootstrap 中的“Button Groups”是一个名为“btn-group”的类，用于在垂直或水平方向上以组（无空格）的形式创建一系列按钮。

这是按钮组类的基本语法，其中每个按钮都有自己的“btn”类。

    Click

按钮在组的第一个和最后一个按钮上有一个默认的边框半径。

在按钮上添加样式： Bootstrap 允许您使用以下类向按钮添加样式：

• .btn-默认
• .btn-primary
• .btn-成功
• .btn 信息
• .btn-警告
• .btn-危险
• .btn 链接

例子：

输出：

按钮大小： Bootstrap 提供了 4 种按钮大小，您可以通过在“btn-group”类中添加额外的“btn-group-*”类来直接将它们添加到按钮中。无需为每个按钮添加单独的类。

所有 4 种尺寸均可按如下方式使用：

HTML

  

    Bootstrap Example
    
    
    
    
    
    
    
    
    

  

    
        Click
        Click
        Click
    
    
        Click
        Click
        Click
    
    
        Click
        Click
        Click
    
    
        Click
        Click
        Click
    

  

输出：

垂直按钮组： Bootstrap 还支持以垂直方式而不是水平方式堆叠的垂直按钮组。使用“btn-group-vertical”类创建一个垂直按钮组：

HTML

  

    Bootstrap Example
    
    
    
    
    
    
    
    
    

  

    
        Click
        Click
        Click
    

  

输出：

按钮嵌套： Bootstrap 允许您通过嵌套在按钮下创建下拉菜单。在你的主“btn-group”类中添加一个“btn-group”类，在你的按钮中有一个下拉菜单：

HTML

  

    Bootstrap Example
    
    
    
    
    
    
    
    
    

  

    
        Click
        Click
        
            Dropdown 
            
            
                Item 1
                Item 2
            
        
    

  

输出：