在Twitter Bootstrap中输入框后显示帮助块

Question

我正在使用 Twitter Bootstrap 和 jqBootstrapValidation 插件来验证表单输入数据。

当用户输入时，不在输入框<input type="email" name="email" required/>内输入数据并尝试提交表单;消息“这是必填字段”。出现在输入框下方。如何使该消息显示在输入框之后（不在下一行）。

Answer 1

确保错误所在的容器（在这种情况下为p.help-block），display: inline或float: right并且在输入后还有足够的空间，如果不是，则不是去上班。

请注意，这也有一些副作用，例如，如果您在输入后有某种帮助文本，此更改也会将它们移到输入旁边。

Answer 2

为了让它工作，我还必须将输入本身设置为＆＃34; display：inline＆＃34;因为看起来输入有类＆＃34;形式控制＆＃34;使用＆＃34;显示：块＆＃34;默认情况下。