Bootstrap输入框组件使用详解

Bootstrap输入框组件的使用方法，具体内容如下

创新互联专注于随县企业网站建设,响应式网站建设,成都商城网站开发。随县网站建设公司,为随县等地区提供建站服务。全流程按需制作网站，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

.input-group——设置div为输入框组；

.input-group-lg、.input-group-sm、.input-group-xs——改变输入框组的尺寸；

.input-group-addon——在输入框前或后加入额外内容；

.input-group-btn——在输入框前或后加入button或button式下拉菜单组件。

代码：

 
 
 
 
 
 
 



 

  

   $
   
   .00
  
 

 

 

  $
  
  .00
 
 

 

  

   

    

     
      
     
     
    
   
   

    

     
     
      Go!
     
    
   
   

    

     

      
       产品分类
       
      
      

       
男装
       
女装
       
童装
      
     
     
    
   
  
 

效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。