当我在localhost上复制时，Bootstrap glyphicon会更改图标

Question

我使用bootstrap显示glyphicon图标，在线链接工作正常，当我在本地复制bootstrap.min.css时，图标无法正常工作!!!

    <link rel="stylesheet" href="bootstrap.css">
    <p>Search icon: <span class="glyphicon glyphicon-search"></span></p>

给出：

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<p>Search icon: <span class="glyphicon glyphicon-search"></span></p>

给出：

我想在本地保留css以减少加载时间

Answer 1

您确定为本地Bootstrap副本引用了正确的路径吗？你的href指向bootstrap.css。你在谈论bootstrap.min.css。

检查开发人员是否识别引导程序。这应该提供一些信息。

Answer 2

我认为poroblem是bootstrap.min.css指向同一路径中的fonts/glyphicons-halflings-regular.woff2，fonts/glyphicons-halflings-regular.woff和fonts/glyphicons-halflings-regular.ttf。所以我也要复制它们:) 谢谢大家

Answer 3

您必须在此链接http://getbootstrap.com/getting-started/#download下载完整的bootstrap包并放入local-host文件夹

然后你可以像这样链接样式表

<link rel="stylesheet" href="http://127.0.0.1/xxxxxxx/css/bootstrap.min.css">

我认为这可能会对你有所帮助