0

クラスを使用help-blockして、フィールドのすぐ下に必須フィールドのエラー メッセージを表示しようとしています。
ここでは、元はエラーなしでどのように見えるか: jsfiddle
グリッド レイアウトに問題があります:

バッジの後にヘルプ テキストを配置する方法を教えていただきありがとうございます。しかし、グリッドをそのまま維持する私の問題。


問題 : グリッド レイアウトをそのまま維持するにはどうすればよいですか? エラーメッセージを追加した後、それはどのように見えるかです。

row高さを上げるべきか？

前 ここに画像の説明を入力

後 ここに画像の説明を入力

4

2 に答える 2

0 
<div class="col-xs-6 col-sm-6 col-md-6 form-inline">
    <label class="pocLabel">EMail</label>
    <input type="text" name="MiddleName" class="form-control email">
    <span class="badge">P</span>
</div>

あなたのフィドルでは、次のコードでヘルプ テキストを追加しています。

$(this).after("<p class='help-block'>Example block-level help text here.</p>");

$(this) は入力要素です。 .after() と の<p>間に<input>を配置します。 はブロック要素である<span>ため<p>、間にブレークを配置します。

次のようなことを試すことができます：

$(this).next().after('<span class="help-block">Example block-level help text here.</p>');
于 2013-09-06T20:13:14.320 に答える