我在django中使用bootstrap,它适用于所有其他引导类,除了图标类,如:class="glyphicon glyphicon-download-alt"
右下角有错误的快照:
包含bootstrap.min.css文件时的快照:
在执行inspect元素时,它包含其快照为的所有glyphicons -
只有在我的html文件中链接http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css
时才有效;但如果我从我的电脑中加入bootstrap.min.css
,它确实有效。否则,每个bootstrap类都可以正常工作。希望你能理解我的问题。提前谢谢。
答案 0 :(得分:26)
它无效,因为您从CDN链接保存了CSS文件。这不起作用,因为glyphicons链接到相对于该CSS文件。例如:
@font-face{
font-family:'Glyphicons Halflings';
src:url(../fonts/glyphicons-halflings-regular.eot);
}
这意味着,下载的Bootstrap文件正在查找计算机文件夹(您没有)的字形图标。
您需要从the official download link正确下载Bootstrap。此官方下载包含一个/fonts/
目录,其中包含实际的glyphicon字体文件。
或者,您可以将CDN文件中的所有字体路径更改为CDN上字体的绝对链接......但这实际上没有意义。
答案 1 :(得分:0)
最后我的问题得到了解决。实际上问题是在我们的网站上使用Glyphicons,比如django,我们还必须从bootstrap official link下载的bootstrap-3.3.2-dist文件夹中复制字体文件夹
另一个问题是在哪里修复它。请参阅此结构,其中字体与css文件相关,然后粘贴字体文件夹。
bootstrap/ ├── less/ ├── js/ ├── fonts/ ├── dist/ │ ├── css/ │ ├── js/ │ └── fonts/ └── docs/ └── examples/
但是在django中我只是在静态文件夹里面。