Twitter bootstrap Bootstrap 3.0.0 glyphicon耳机未加载
我已经用最新的glyphicons-halflings-regular.woff/eot/svg/ttf文件替换了glyphicons-halflings-regular.woff/eot/svg/ttf文件,但我仍然无法让glyphicon耳机正常工作。我得到了一个底部开口的薄矩形。glyphicon phone alt也是如此,但其他大多数都能完美工作 我试图在Bootply.com上重现这个问题,但它在那里的效果与预期一样。不管怎样,这里是链接和代码Twitter bootstrap Bootstrap 3.0.0 glyphicon耳机未加载,twitter-bootstrap,twitter-bootstrap-3,glyphicons,Twitter Bootstrap,Twitter Bootstrap 3,Glyphicons,我已经用最新的glyphicons-halflings-regular.woff/eot/svg/ttf文件替换了glyphicons-halflings-regular.woff/eot/svg/ttf文件,但我仍然无法让glyphicon耳机正常工作。我得到了一个底部开口的薄矩形。glyphicon phone alt也是如此,但其他大多数都能完美工作 我试图在Bootply.com上重现这个问题,但它在那里的效果与预期一样。不管怎样,这里是链接和代码 电话 细胞 这是Bootstra
电话
细胞
这是Bootstrap3.0.0中的错误吗?如果是这样的话-我猜Bootply站点已经为3.0.0应用了“补丁/修复”?我解决了它。Github上的glyphicon文件比从GetBootstrap.com下载的文件更新。另一个可能的原因是默认引导文件夹层次结构中的更改。字体和引导文件夹应处于同一级别。
请参阅类似的问题:不,绝对不是bug。确保您的站点上正确包含了图标。看这个。尝试在您的站点上使用CDN。如果它起作用,那么如果您坚持将文件放在服务器上,则必须调整本地包含。
<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>