【问题标题】:Bootstrap 3.0.0 glyphicon-earphone not loadingBootstrap 3.0.0 字形耳机未加载
【发布时间】:2013-08-28 04:51:47
【问题描述】:

我已将 glyphicons-halflings-regular.woff/eot/svg/ttf 文件替换为最新文件,但我仍然无法让 glyphicon-earphone 工作。我得到了一个底部开口的薄矩形。 glyphicon-phone-alt 也是如此,但其他大多数都可以完美运行。

我试图在 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>

这是 Bootstrap 3.0.0 中的错误吗?如果是这样 - 我猜 Bootply 网站已经为 3.0.0 应用了“补丁/修复”?

【问题讨论】:

  • 不,绝对不是错误。确保在您的网站上正确包含 Glyphicons。请参阅此question。尝试在您的网站上使用 CDN。如果可行,如果您坚持将文件放在服务器上,则必须调整本地包含。

标签: twitter-bootstrap twitter-bootstrap-3 glyphicons


【解决方案1】:

另一个可能的原因是默认引导文件夹层次结构发生变化。字体和 Bootstrap 文件夹应该在同一级别。 查看类似问题:Bootstrap loading wrong glyphicon

【讨论】:

    【解决方案2】:

    我解决了。 Github 上的 glyphicon 文件比从 GetBootstrap.com 下载的要新。这样就解决了。

    【讨论】:

      猜你喜欢
      • 2019-08-16
      • 2013-08-27
      • 2015-07-02
      • 2016-11-20
      • 1970-01-01
      • 1970-01-01
      • 2017-02-02
      • 2013-10-25
      • 1970-01-01
      相关资源
      最近更新 更多