样式验证错误与输入无法正常显示内联

Question

我在表单上使用客户端验证。关注，然后关闭输入会将验证错误呈现为label标记。 label标签正在显示，但正在流入下一行。我尝试将display更改为inline-block和inline，尝试调整overflow等等。但我无法让它看起来正确。这是一个jsFiddle：

http://jsfiddle.net/pp8Uw/

扩展包含表单的div似乎将验证错误拉到一行但我不想这样做。

注意：我正在使用bootstrap作为基础css，因此提供了容器等。为了jsfiddle，我改变了开箱即用的样式。

Answer 1

Check this jsfiddle demo

我刚刚更改了margin的{​​{1}}值。

.field_with_errors .message

将值调整到您的位置以使其达到您想要的位置。

干杯!!!