bootstrap集成font awesor图标不显示

最新推荐文章于 2020-06-17 09:19:22 发布

zhykhs

最新推荐文章于 2020-06-17 09:19:22 发布

阅读量321

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/zhykhs/article/details/84494030

版权

CSS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

从以下几点入手查找问题：

1、检查font awesor版本对于bootstrap最低要求，如果版本不匹配则无法正常显示。

2、通过chrome调试查看对应元素css是否已经被浏览器正常加载，如果没有可以通过1来分析。

3、通过

Paste the following code into the <head> section of your site's HTML.

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

Want to use Font Awesome by itself without Bootstrap? Just don't include the first line.

Pat yourself on the back for your scalable-vector-icons-on-the-website judo solution in two lines of code.
Check out the examples to start using Font Awesome!