将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的错误标签
发布于 2014-07-02 11:51:27
用另一种方式解决它:http://www.bootply.com/2liEuyqrAb
必须将标签移到输入组之外。一旦这样做了,就完成了预期的行为:将标签放在左边,字段放在右边,将错误放在字段下面。
发布于 2014-04-16 17:05:57
解决问题的最简单方法应该是将带有绝对位置属性的错误标签放在css中。在您的示例中,结果如下:
.text-danger {
color: #a94442;
position: absolute;
width: 100%;
top: 34px;
line-height: 34px;
left: 0px;
}
发布于 2017-05-06 01:25:32
我给了另一个用户这个问题的解决方案,这是相同的问题。
你都能在这找到你的需要。Bootstrap-3: Input Group-Addon STRETCHES with jQuery Validation messages.
https://stackoverflow.com/questions/21840941
复制相似问题