glyphicon-search不在窗體內

Question

我希望glyphicon-search圖標位於窗體內部的最右側，但它不在窗體內部。任何人都可以告訴我們如何做到這一點？

呃...我們可以重寫glyhicon-search class來實現目標嗎？如果是的話，那麼如何（我試圖做到這一點，但我沒有達到預期的結果，特別是縮小網頁）？

<div class="bar navbar-inverse navbar-fixed-top"> 
    <div class="container"> 
     <div id="logo"> 
      <a href="main.php">XYZ</a> 
     </div> 
     <div class="col-xs-5 right-inner-addon "> 
     <form class="form-inline" role="form"> 
      <div class="form-group has-feedback"> 
       <div class="row"> 
       <div class="col-xs-11"> 
       <input type="text" class="form-control" id="inputSuccess4"> 
       <span class="glyphicon glyphicon-search form-control-feedback"></span></div></div></div> 
      </div> 
     </form> 
    </div> 
</div> 

    .right-inner-addon { 
     padding-top: 8px; 
     padding-left:30px; 

    } 
    .right-inner-addon input { 
     height: 30px; 
     padding: 0px 10px; 
    } 
    .right-inner-addon i { 
     position: relative; 
     right: 0px; 
     padding: 10px 12px; 
     pointer-events: none; 
    } 

    .form-control{ 
     min-width: 400px; 
     max-width: 400px; 
     top: 7px; 
} 

Answer 1

應用它作爲背景-iamge到輸入：<input type="text" class="form-control" id="inputSuccess4">或者基弗的圖標元件的顯示：塊/內聯嵌段性。