2016-07-22 11 views
0

ich dieses Beispiel abgehend am:Bootstrap Form Symbol ist nicht im Eingang, wenn Etikett weggelassen

<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> 

ich gefunden habe, wenn ich die < label> Tag weglassen, die glyphicon entfernende erscheint die nächste Zeile, anstatt innerhalb der Eingabe. Was ist der Grund dafür? In meinem aktuellen Design möchte ich kein Label haben. Gibt es eine Möglichkeit, ich kann Label vermeiden und immer noch das Glyphon in der Eingabe?

+0

bitte das Etikett auslassen Code auch –

Antwort

1

diesen Code Versuchen Sie,

<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

Ich glaube, Sie nur die <lable> Öffnung entfernen sind.

+0

Es scheint, als ob Sie gerade die

+1

die jsfiddle funktioniert nicht? –

+0

Tut mir leid, ich habe den Link zuerst nicht bemerkt. Ich habe versucht herauszufinden, warum ich es nicht zum Laufen bringen konnte und ich habe festgestellt, dass ich wie Sie auch Bootstrap 3.1.1 und nicht 3.6.6 verwende. Als ich zu 3.6.6 wechselte, funktionierte es richtig. Vielen Dank! – jazzblue