1. 基本实例

　　通过在文本输入框 <input> 前面、后面或是两边加上文字或按钮，实现对表单控件的扩展。

　　.input-group包含.input-group-addon给 .form-control 的前面或后面添加额外的元素。

　　输入框组只支持文本输入框 <input>，避免使用 <select>、<textarea>。

1.1 示例代码

     
    
      @    
      
     
     
    
          
      .00
     
     
    
      $    
          
      .00
     

1.2 示例效果

 

2. 尺寸

　　.input-group 添加.input-group-*尺寸类设置尺寸。

2.1 示例代码

     
    
      @    
      
     
     
    
      @    
      
     
     
    
      @    
      
     

2.2 示例效果

3. 按钮额外元素

3.1 示例代码

3.2 示例效果

4. 按钮式下拉菜单额外元素

4.1 示例代码

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

4.2 示例效果

5. 分裂式按钮下拉菜单额外元素

5.1 示例代码

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

5.2 示例效果