解决bootstrap导入图标组件无法显示的问题

最新推荐文章于 2024-06-03 20:31:46 发布

nn_jbrs

最新推荐文章于 2024-06-03 20:31:46 发布

阅读量2.9k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： bootstrap 文章标签： bootstrap Glyphicons 显示

本文链接：https://blog.youkuaiyun.com/nn_jbrs/article/details/71437044

bootstrap 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了在使用Bootstrap3时本地无法显示Glyphicons图标的问题，并提供了两种解决方案：一是导入完整Bootstrap包；二是通过CDN加载。这两种方法都能有效解决图标显示异常的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

机缘巧合的解决了Bootstrap3 引入本地无法显示Glyphicons 图标的问题，特此记录。在反复审查代码之后，图标还是显示不了，所以排除了代码书写的错误。然后发现Glyphicons组件在IDEA下总是出现下曲线提示异常，我想这应该是导入的bootstrap.css文件的问题。

找到两种解决方法如下：

1.我把从官网下载来的整个bootstrap-3.3.7-dist全部导进去，竟然就成功了！！！！！！！其中的关系我解释不清，但应该是整个文件里面有某些约束关系吧。

<link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.css">

2.直接导入加载CDN，也不会报错

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" 
      integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" 
      crossorigin="anonymous">

这是我学习bootstrap遇到的第一个bug，解决的方法可能不是很专业~