Bootstrap 3表单使用输入组附加包装错误标签和Jquery验证
Bootstrap 3表单使用输入组附加包装错误标签和Jquery验证
提问于 2014-02-18 06:54:52
将Bootstrap 3与表单水平结合使用，将表单分组和输入组标记与Jquery-Validate结合使用。当Jquery.Validate运行错误时，它会在输入组中附加一个标签错误控件。
问题是，当Jquery Validate添加标签错误控件时，input-group-addon会换行到表单字段下面的下一行。
查看：http://www.bootply.com/114554
如何让label error保留在表单控件中，并将-group-包装到下一行？
是的，我知道这个解决方案-效果很好，但仍然没有对齐form-horizontal：Bootstrap 3 with jQuery Validation Plugin的错误标签
回答 4
Stack Overflow用户
发布于 2014-07-02 11:51:27
用另一种方式解决它：http://www.bootply.com/2liEuyqrAb
必须将标签移到输入组之外。一旦这样做了，就完成了预期的行为:将标签放在左边，字段放在右边，将错误放在字段下面。
Stack Overflow用户
发布于 2014-04-16 17:05:57
解决问题的最简单方法应该是将带有绝对位置属性的错误标签放在css中。在您的示例中，结果如下：
.text-danger {
color: #a94442;
position: absolute;
width: 100%;
top: 34px;
line-height: 34px;
left: 0px;
}Stack Overflow用户
发布于 2017-05-06 01:25:32
我给了另一个用户这个问题的解决方案，这是相同的问题。
你都能在这找到你的需要。Bootstrap-3: Input Group-Addon STRETCHES with jQuery Validation messages.
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21840941
复制相关文章
相似问题