【发布时间】:2013-08-28 04:51:47
【问题描述】:
我已将 glyphicons-halflings-regular.woff/eot/svg/ttf 文件替换为最新文件,但我仍然无法让 glyphicon-earphone 工作。我得到了一个底部开口的薄矩形。 glyphicon-phone-alt 也是如此,但其他大多数都可以完美运行。
我试图在 Bootply.com 上重现该问题,但它在那里按预期工作。无论如何,这是链接和代码。
<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>
这是 Bootstrap 3.0.0 中的错误吗?如果是这样 - 我猜 Bootply 网站已经为 3.0.0 应用了“补丁/修复”?
【问题讨论】:
-
不,绝对不是错误。确保在您的网站上正确包含 Glyphicons。请参阅此question。尝试在您的网站上使用 CDN。如果可行,如果您坚持将文件放在服务器上,则必须调整本地包含。
标签: twitter-bootstrap twitter-bootstrap-3 glyphicons