twitter-bootstrap - Show help-block after input box in Twitter Bootstrap

Question

I am using Twitter Bootstrap with jqBootstrapValidation plugin to validate form input data.

When user enters does not enter data inside input box <input type="email" name="email" required/> and tries to submit the form; the message "This is required field." appears below the input box. How can I make that message to appear after the input box (not on next line).

Answer 1

エラーが発生しているコンテナ (この場合p.help-blockは ) がdisplay: inlineまたはfloat: rightであり、入力後に十分なスペースがあることを確認してください。そうでない場合は機能しません。

これには、入力の後にある種のヘルプ テキストがある場合など、いくつかの副作用もあることに注意してください。この変更により、それらも入力の隣に移動します。

Answer 2

それを機能させるには、入力自体を「display: inline」に設定する必要もありました。これは、「form-control」クラスの入力がデフォルトで「display: block」を使用しているように見えるためです。