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

我在 django中使用bootstrap,它适用于所有其他引导类,除了图标类,如：class =“glyphicon glyphicon-download-alt”

右下角有错误的快照：

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

On doing inspect element it contain all glyphicons its snapshot is-

只有在我的html文件中链接http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css时它才有效;但是如果我从我的电脑中包含我的bootstrap.min.css它就无法工作.否则,每个bootstrap类都可以正常工作.希望你能理解我的问题.提前致谢.

解决方法

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

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

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

您需要从the official download link正确下载Bootstrap.此官方下载包含/ fonts /目录,其中包含实际的glyphicon字体文件.

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