[TOC] #一、bootstrap 图标 1.添加代码： `<span class="glyphicon glyphicon-chevron-up"></span>` 或者pull-right为右对齐 `<i class="pull-right glyphicon glyphicon-chevron-up"></i>` 2.官网实例[查看实例](http://www.runoob.com/bootstrap/bootstrap-glyphicons.html) * * * * * #二、使用fontawesome图标 查看官网实例[fontawesome奥森图标实战](http://www.thinkcmf.com/font/examples) ## 1.下载图标文件 百度网盘下载[Font Awesome4.2 下载](http://pan.baidu.com/s/1nt3afhv) ## 2.加载图标样式文件表 `<link href="__STATIC__/fontawesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>` `__STATIC__为我在Thinkphp开发下定义的常量` ## 3.在网页中写代码  `<i class="fa fa-camera-retro fa-lg"></i> fa-lg` `<i class="fa fa-camera-retro fa-2x"></i> fa-2x` `<i class="fa fa-camera-retro fa-3x"></i> fa-3x` `<i class="fa fa-camera-retro fa-4x"></i> fa-4x` `<i class="fa fa-camera-retro fa-5x"></i> fa-5x` 以上代码对应图标显示结果为