输入字段中的自举图形

Question

如何在输入字段中放置图形？

<div class="form-group has-success has-feedback"> 
    <label class="col-sm-2 control-label" for="inputSuccess">Input with success and icon</label> 
    <div class="col-sm-10"> 
     <input type="text" class="form-control" id="inputSuccess"> 
     <span class="glyphicon glyphicon-ok form-control-feedback"></span> 
    </div> 
    </div> 

它位于输入栏下方。

Answer 1

要显示输入旁边的标签（而不是上面），您可以使用form-horizontal。如果你安排你的HTML这样便图标将出现在里面输入：

<form class="form-horizontal" role="form"> 
    <div class="form-group has-success has-feedback"> 
    <label class="control-label col-sm-2" for="inputSuccess">Input with success</label> 
    <div class="col-sm-10"> 
     <input type="text" class="form-control" id="inputSuccess"> 
     <span class="glyphicon glyphicon-ok form-control-feedback"></span> 
    </div> 
    </div> 
</form> 

这里有一个bootply例如：http://www.bootply.com/rXcXvNn1ZD