Bootstrap форма значок не внутри вход, если метка опущена

Question

Я собираюсь покинуть этот пример:

<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-удалить появляется на следующей строки, а не внутри входа. В чем причина этого? В моем нынешнем дизайне я не хочу иметь никаких ярлыков. Есть ли способ избежать ярлыка и по-прежнему получать глификон внутри ввода?

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