Bootstrap Glyphicons 未使用本地 Bootstrap 版本进行渲染

2024-03-31

我在 django 中使用 bootstrap,它适用于除图标类之外的所有其他 bootstrap 类,例如:class="glyphicon glyphicon-download-alt"

右下角有错误的快照:

包含 bootstrap.min.css 文件时的快照:

在执行检查元素时,它包含其快照的所有字形 -

仅当我链接时才有效http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css在我的 html 文件中;但如果我包括我的bootstrap.min.css从我的电脑。否则,每个引导类都可以完美运行。希望你理解我的问题。提前致谢。


它不起作用,因为您从 CDN 链接保存了 CSS 文件。这是行不通的,因为字形图标是相对于该 CSS 文件链接的。例子:

@font-face{
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot);
}

这意味着下载的 Bootstrap 文件正在文件夹中查找字形图标在你的电脑(你没有)。

您需要从以下位置正确下载 Bootstrap官方下载链接 http://getbootstrap.com/getting-started#download。此官方下载包含一个/fonts/包含实际字形字体文件的目录。

或者,您可以将 CDN 文件中的所有字体路径更改为 CDN 上字体的绝对链接......但这实际上没有意义。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Bootstrap Glyphicons 未使用本地 Bootstrap 版本进行渲染 的相关文章

随机推荐