1. 基本实例

1.1 示例代码

     
    
      Left    
      Middle    
      Right
     

　　.btn-group中包含多个.btn

1.2 示例效果

2. 按钮工具栏

2.1 示例代码

     
    
      
        
                                   
                               
      
    
      
        
       1        
       2        
       ...        
       9        
       10    
      
    
      
        
                                   
                               
      
     

　　一个.btn-toolbar中包含多个.btn-group

2.2 示例效果

3. 大小

　　在.btn-group上添加.btn-group-*设置按钮组中的每个按钮。

3.1 示例代码

3.2 示例效果

4. 嵌套

　　下拉菜单混合到一系列按钮中，把 .btn-group 放入另一个 .btn-group 中。

4.1 示例代码

     
    
      1    
      2    
      
        
                   下拉菜单                            
       
            
        
菜单项1
            
        
菜单项2
        
       
    
      
     

4.2 示例效果

5. 垂直排列

　　.btn-group-vertical设计垂直排列的按钮组

5.1 示例代码

     
    
      Top    
      Center    
      Bottom
     

5.2 示例效果

6. 两端对齐排列的按钮组

　　.btn-group.btn-group-justified 中包裹一系列.btn元素

6.1 示例代码

     
    
      
Left
    
      
Middle
    
      
Right
     

     
    
      
        
       Left    
      
    
      
        
       Middle    
      
    
      
        
       Right    
      
     

6.2 示例效果