2017-06-18 13 views
0

ブートストラップのフィードバックアイコンとラベルを組み合わせて使用​​すると、アイコンはフォームフィールドの代わりにラベルと同じ水平線に表示されます。 フォームフィールドの代わりにラベルにブートストラップのフィードバックアイコンがあります

<label for="bedr_naam">Bedrijfsnaam</label>を削除すると正しく設定されます。

<div class="container"> 
    <div class="col-md-5"> 
     <div class="form-group has-warning" id="div_bedrijfsnaam"> 
      <label for="bedr_naam">Bedrijfsnaam</label> 
      <input type="text" class="form-control" id="bedrijfsnaam" name="bedrijfsnaam" value="'.$row['bedrijfsnaam'].'" onkeyup="validate()" onclick="validate()"><span class="glyphicon glyphicon-warning-sign form-control-feedback" id="bedrijfsnaam_status"> 
     </div> 
    </div> 

答えて

2

これはdocumentationからの例です:

<div class="form-group has-warning has-feedback"> 
    <label class="control-label" for="inputWarning2">Input with warning</label> 
    <input type="text" class="form-control" id="inputWarning2" aria-describedby="inputWarning2Status"> 
    <span class="glyphicon glyphicon-warning-sign form-control-feedback" aria-hidden="true"></span> 
    <span id="inputWarning2Status" class="sr-only">(warning)</span> 
</div> 

あなたdiv#div_bedrijfsnaamhas-feedbackクラスとlabelcontrol-labelなしクラス

を持っていない、十分に確認してください
関連する問題