2013-08-25 78 views
3

我已經用最新的glyphicons-halflings-regular.woff/eot/svg/ttf文件替換了,但是我仍然無法使用glyphicon-earphone工作。相反,我得到一個開放底部的薄矩形。 glyphicon-phone-alt也是如此,但其他大多數則完美無缺。Bootstrap 3.0.0 glyphicon-earphone not loading

我試圖重現Bootply.com上的問題,但它在那裏按預期工作。無論如何,這裏是鏈接和代碼。

http://bootply.com/76942

<div class="row"> 
    <div class="col-sm-6"> 
     <div class="form-group"> 
      <label for="phone">Phone</label> 
      <div class="input-group"> 
       <span class="input-group-addon"><i class="glyphicon glyphicon-earphone"></i></span> 
       <input type="text" class="form-control" name="phone" id="contact_phone"> 
      </div> 
     </div> 
    </div> 
    <div class="col-sm-6"> 
     <div class="form-group"> 
      <label for="cell">Cell</label> 
      <div class="input-group"> 
       <span class="input-group-addon"><i class="glyphicon glyphicon-phone"></i></span> 
       <input type="text" class="form-control" name="cell" id="contact_cell"> 
      </div> 
     </div> 
    </div> 
</div> 

這是在引導3.0.0中的錯誤?如果是這樣 - 我猜Bootply網站已經爲3.0.0應用了「補丁/修復」了嗎?

+0

不,絕對不是一個錯誤。確保您的網站上正確包含Glyphicons。請參閱此[問題](http://stackoverflow.com/q/18222849/2274357)。嘗試在您的網站上使用CDN。如果它有效,如果你堅持在你的服務器上有文件,你將不得不調整你的本地包含。 – edsioufi

回答

3

我解決了它。 Github上的glyphicon文件比從GetBootstrap.com下載的文件更新。這解決了它。

0

另一個可能的原因可以是默認引導文件夾層次結構中的更改。字體和Bootstrap文件夾應該處於同一級別。 看到一個類似的問題:Bootstrap loading wrong glyphicon