如何放置在引導

Question

旁邊輸入ALWAYS反饋圖標在設計表單時輸入的寬度比100％反饋圖標不旁邊的地方吧：

<div class="form-group has-success has-feedback"> 
    <label class="control-label col-sm-3" for="inputSuccess3">Input with success</label> 
    <div class="col-sm-9"> 
     <input class="form-control" id="inputSuccess3" aria-describedby="inputSuccess3Status" style="width: 40%;" type="text"> 
     <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span>      
    </div> 
</div> 

，如果我給的風格輸入到了width:40%反饋圖標的地方並沒有改變：

Demo

如何I C即使在寬度或顯示寬度發生變化時，始終在輸入旁邊放置一個位置反饋圖標。

感謝

Answer 1

當使用形式電網的cols，確保它有form-horizontal類。對於has-feedback圖標，必須在輸入容器上設置寬度。在這種情況下，您可以使用col-sm-5，因爲它的寬度是〜41％。

<form class="form-horizontal"> 
     <div class="form-group has-success has-feedback"> 
      <label class="control-label col-sm-3" for="inputSuccess3">Input with success</label> 
      <div class="col-sm-5"> 
       <input class="form-control" id="inputSuccess3" aria-describedby="inputSuccess3Status" type="text"> 
       <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span> 
      </div> 
     </div> 
    </form> 

Demo