bootstrap集成font awesor图标不显示

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

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

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

3、通过

  1. 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.
  2. Pat yourself on the back for your scalable-vector-icons-on-the-website judo solution in two lines of code.
  3. Check out the examples to start using Font Awesome!

使用netdna测试是否可以正常显示,如果可以浏览对应css看看css版本,对应判断版本不匹配问题。

相关推荐