Twitter bootstrap Bootstrap 3.0.0 glyphicon耳机未加载

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

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

我试图在Bootply.com上重现这个问题,但它在那里的效果与预期一样。不管怎样,这里是链接和代码


电话
细胞

这是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>