使用带有表单组的Bootstrap 3和使用带有Jquery-Validate的表组和输入组标签.当Jquery.Validate运行错误时,它会在输入组中附加标签错误控件.
问题是当Jquery Validate添加标签错误控件时,input-group-addon将换行到表单字段下面的下一行.

查看:http: //www.bootply.com/114554
如何让标签错误保持在表单控件之下,而不是将input-group-addon包装到下一行?
是的,我知道这个解决方案 - 效果很好,但仍然没有为form-horizontal 排序错误标签: 使用jQuery Validation Plugin启动3
所以我在Twitter Bootstrap 3中遇到了一个有趣的问题..在表单中对输入加载项进行验证时似乎存在格式问题.附加组件在调整大小时移动,并且在按钮刚移动的情况下移动.直接来自twitter bootstrap页面
<div class="input-group has-success">
<label class="control-label" for="inputSuccess1">Input with success</label>
<input type="text" class="form-control"/>
<span class="input-group-btn">
<button class="btn btn-default" type="button">Go!</button>
</span>
</div>
Run Code Online (Sandbox Code Playgroud)
看起来如下

这是一个可以玩的JSFiddle
关于如何解决这个问题的想法?