2014-01-09 148 views
2

我嘗試在搜索表單旁邊放置搜索圖標,但它無法正常工作。我在這裏嘗試了一些解決方案,但沒有人能工作我該怎麼辦?字形搜索無法正確查看

這是源代碼

<div class="col-sm-3 col-md-3 pull-right"> 
    <form class="navbar-form" role="search"> 
     <div class="input-group"> 
      <input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term"> 
      <div class="input-group-btn"> 
       <button class="btn btn-default" type="submit"><i class="glyphicon-search"></i></button> 
      </div> 
     </div> 
    </form> 
</div> 

回答

6

當您使用glyphicons,你必須時時補充單一類「glyphicon」。你可以看到,例如在bootstrap3 components page

錯誤使用

<i class="glyphicon-search"></i> 

正確使用

<i class="glyphicon glyphicon-search"></i> 
+1

哇,謝謝你的答案 – sdv