学习用Flask框架搭建一个自己的主页。
想要在页面中使用font-awsome显示小图标，无效。
使用bootstrap框架。
已经用浏览器看过，font-awesome.min.css文件可以正常加载。
代码如下：
<head>
<!-- use bootstrap -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="{{url_for('static', filename ='font-awesome/css/font-awesome.min.css')}}" type="text/css">
<link rel="stylesheet" href="{{url_for('static', filename='custom.css')}}" type="text/css"/>
</head><!-- 用font-awesome显示小图标 -->
<div class="nav navbar-nav navbar-right">
<li>
<a href="https://github.com/penguin-penpen" target="_blank">
<i class="fa fa-github"></i>
</a>
</li>
</div>static目录结构：
.
├── static
│ ├── bootstrap
│ │ ├── css
│ │ ├── fonts
│ │ └── js
│ ├── font-awesome
│ │ ├── css
│ │ ├── font
│ │ ├── less
│ │ ├── scss
│ │ └── src
│ │ ├── _includes
│ │ │ ├── ads
│ │ │ ├── community
│ │ │ ├── examples
│ │ │ ├── icons
│ │ │ └── tests
│ │ ├── _layouts
│ │ ├── _plugins
│ │ └── assets
│ │ ├── css
│ │ ├── font-awesome
│ │ │ ├── font
│ │ │ ├── less
│ │ │ └── scss
│ │ ├── ico
│ │ ├── img
│ │ ├── js
│ │ └── less
│ │ └── bootstrap-2.3.2
│ ├── images
│ └── moment
└── templates我的所有css文件都是放在css目录里的，html文件在templates目录里。
有谁能给点建议不。
解决了，把下载下来的完整的font-awesome文件夹放到static目录下，不要改变file structure。
另外，注意版本对应的语法，使用<i class="icon-github"></i>