Bootstrap Glyphicons无法使用本地Bootstrap版本进行渲染

Question

我在django中使用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我的电脑包括在内,它就无法工作.否则,每个bootstrap类都可以正常工作.希望你能理解我的问题.提前致谢.

Answer 1

它无法正常工作,因为您从CDN链接保存了CSS文件.这不起作用,因为glyphicons链接到相对于该CSS文件.例:

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

这意味着,下载的Bootstrap文件正在您计算机上的文件夹中查找glyphicons (您没有).

您需要从官方下载链接正确下载Bootstrap .此官方下载包含一个/fonts/包含实际glyphicon字体文件的目录.

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