2016-07-22 47 views
0

我要關閉這個例子:引導形式圖標不是內部輸入,如果標籤被省略

<div class="form-group has-error has-feedback"> 
    <label class="control-label" for="inputError2">Input with error</label> 
    <input type="text" class="form-control" id="inputError2" aria-describedby="inputError2Status"> 
    <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> 
    <span id="inputError2Status" class="sr-only">(error)</span> 
</div> 

我已經發現如果我省略<標籤>標籤,所述glyphicon-除去出現在下一行,而不是輸入內部。這是什麼原因?在我目前的設計中,我不想有任何標籤。有沒有什麼辦法可以避免標籤,並仍然在輸入內獲得圖形?

+0

請顯示標籤省略代碼也 –

回答

1

試試這個代碼,

<div class="form-group has-error has-feedback"> 
     <input type="text" class="form-control" id="inputError2" aria-describedby="inputError2Status"> 
     <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> 
     <span id="inputError2Status" class="sr-only">(error)</span> 
</div> 

jsfiddle

我認爲你只是刪除開始<lable>

+0

看起來好像你剛剛刪除了

+1

jsfiddle不工作? –

+0

確實如此,對不起,我沒有注意到第一個鏈接。我試圖弄清楚爲什麼我無法使它工作,並且我意識到我正在使用Bootstrap 3.1.1而不是3.6.6。當我改爲3.6.6時,它工作正常。謝謝! – jazzblue