我正在尝试使用has-Feedback表单类在表单字段上添加一个图标,但是使用输入字段大小调整,图标显示超出范围,下面是问题的jsfiddle：
<div class="container">
<div class="row col-md-6">
<form name="form">
<div class="form-group has-Feedback">
<label class="control-label" for="userName">Username (BROKEN)</label>
<div class="row">
<div class="col-sm-5">
<input type="text"required class="form-control" />
<span class="glyphicon glyphicon-ok form-control-Feedback"></span>
</div>
</div>
</div>
<div class="form-group has-Feedback">
<label class="control-label" for="userName">Username (WORKS)</label>
<input type="text"required class="form-control" />
<span class="glyphicon glyphicon-ok form-control-Feedback"></span>
</div>
</form>
</div>
</div>
它仅在字段具有默认大小时才有效,该大小是包含表单的100％.
任何想法如何控制字段大小,并允许正确显示图标？