ブートストラップ入力グループBTNは、私は、ブートストラップスタイルのフォームを持っている

Question

にjqueryの検証キックの後にプッシュダウン私のCSSは、誰かが私に何かアドバイスを与えるかを教えてもらえ

.input-validation-error { border: 2px solid red; } 

.field-validation-error { color: red; } 

label.error { 
    color: red; 
} 
input.error, textarea.error, select.error { 
    color: black; 
    background-color: #ebccd1; 
    border-color: #ebccd1; 
    border: 2px solid red; 
} 


div #loading { 
    display: none; 
} 

.input-group {width: 100%} 
#issueTable_length { 
    margin-top: 2%; 
} 
.jumbotron { 
    margin-top: 2%; 
} 

で以下の入力グループ-BTNプッシュ

次の画像を見ます私は間違っているの？ 事前に感謝します

Answer 1

私の解決策は、カスタムエラーラベルを作成してそこにエラーメッセージを追加することでした。私は私の問題を解決するためにこの指示に従ったhttps://stackoverflow.com/a/4044251/6603342

Answer 2

検証を実行するJavascript/jqueryクラス（この場合は.input-validation-error）は、要素を選択するだけでなく、input-group要素全体に適用する必要があります。