검색 아이콘이 검색 상자에 표시되지 않습니다.

Question

검색 상자 안에 클릭 가능한 검색 아이콘을 표시하고 싶지만 아이콘이 검색 상자에 표시되지 않습니다. 클래스 아이콘 검색이 작동하지 않는 것 같습니다. 대신 막대를 사용했습니다. 높이를 정의하고 잘 작동하도록 navbar를 사용합니다. 게다가 검색 상자의 높이를 어떻게 사용자 정의해야합니까?

<div class="bar navbar-inverse navbar-fixed-top"> 
    <div class="container"> 
      <span id="logo"> 
       <a href="main.php">XYZ</a> 
      </span> 
      <span class="col-xs-5 right-inner-addon "> 
    <i class="icon-search"></i> 
    <input type="text" class="form-control" /> 
</span> 
    </div> 
</div> 

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

.bar{ 
    min-width: 800px; 
    background-color: #563d7c; 
    width:100%; 
    height:43px;  
    box-shadow: 0px 3px 25px #888888; 
    position: fixed; 
} 

Answer 1

는 부트 스트랩 3를 사용하는 경우 다음과 같은 코드를 사용하여 시도 할 수 있습니다 : 잘 작동 thanks..it http://jsfiddle.net/D2RLR/5888/

<div class="bar navbar-inverse navbar-fixed-top"> 
    <div class="container"> 
     <span id="logo"> 
      <a href="main.php">XYZ</a> 
     </span> 
     <span class="col-xs-5 right-inner-addon "> 
      <div class="input-group"> 
       <input type="text" name="search" id="search" class="form-control" placeholder="Test" /> 
       <span class="input-group-addon" for="search"> 
        <i class="glyphicon glyphicon-search"></i> 
       </span> 
      </div> 
     </span> 
    </div> 
</div>