BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码

在某些情况下，反馈图标未正确显示。默认情况下，Bootstrap定义反馈图标位置如下：

.has-feedback .form-control-feedback {
  top: 25px;
  right: 0;
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}

通过自定义值top和right属性，您可以将反馈图标调整为应有的位置。

按钮组

.btn-group .form-control-feedback {
  top: 0;
  right: -30px;
}
 

    Gender
    

      

        
           Male
        
        
           Female
        
        
           Other
        
      
    
  

输入组 、下拉菜单

#productForm .inputGroupContainer .form-control-feedback,
#productForm .selectContainer .form-control-feedback {
  top: 0;
  right: -15px;
}
 

    Amount
    

      

        €
        
      
    
  

    Color
    

      
        Choose a color
        Blue
        Green
        Red
        Yellow
        White
      
    
  

以上所述是小编给大家介绍的BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！