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

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

Othehttp://r

输入组 、下拉菜单

#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 调整反馈图标位置的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。