3

我已经用最新的替换了 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 应用了“补丁/修复”？

4

2 回答 2

3

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

于 2013-08-25T17:35:42.623 回答
0

另一个可能的原因可能是默认引导文件夹层次结构的更改。字体和 Bootstrap 文件夹应该在同一级别。看到一个类似的问题：Bootstrap loading wrong glyphicon

于 2015-06-05T13:47:39.757 回答