輸入字段中的自舉圖形

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