twitter-bootstrap - 在 Twitter Bootstrap 输入框后显示帮助块

Question

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

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

Answer 1

为了让它工作，我还必须将输入本身设置为“显示：内联”，因为“表单控制”类的输入似乎默认使用“显示：块”。

Answer 2

确保错误所在的容器（在这种情况下p.help-block）是display: inline或float: right并且在输入之后也有足够的空间，如果没有，它将无法工作。

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