<!doctype html> <html> <head> <meta charset="utf-8"> <title>FontAwesome为Bootstrap而创造的图标字体</title> <style type="text/css"> ul li{ list-style:none;} ul li a{ color:#333;} </style> <link href="css/font-awesome.min.css" rel="stylesheet"> </head> <body> <ul> <li><a href="###"><i class="fa fa-life-ring"></i> 阅谁问君诵,水落清香浮 <i class="fa fa-angle-right"></i></a></li> <li><a href="###"><i class="fa fa-leaf"></i> 阅谁问君诵,水落清香浮 <i class="fa fa-angle-right"></i></a></li> <li><a href="###"><i class="fa fa-medkit"></i> 阅谁问君诵,水落清香浮 <i class="fa fa-angle-right"></i></a></li> <br> <li><a href="###"><i class="fa fa-flag fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> <li><a href="###"><i class="fa fa-camera-retro fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> <li><a href="###"><i class="fa fa-hand-spock-o fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> <li><a href="###"><i class="fa fa-ship fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> <li><a href="###"><i class="fa fa-venus fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> <li><a href="###"><i class="fa fa-file-image-o fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> <li><a href="###"><i class="fa fa-spinner fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> <li><a href="###"><i class="fa fa-check-square fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> <li><a href="###"><i class="fa fa-credit-card fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> <li><a href="###"><i class="fa fa-pie-chart fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> <li><a href="###"><i class="fa fa-won fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> <li><a href="###"><i class="fa fa-file-text-o fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> <li><a href="###"><i class="fa fa-arrow-right fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> <li><a href="###"><i class="fa fa-play-circle fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> <li><a href="###"><i class="fa fa-github fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> <li><a href="###"><i class="fa fa-medkit fa-fw"></i> 阅谁问君诵,水落清香浮 </a></li> </ul> </body> </html>
效果图:
相关推荐
Bootstrap 使用Font Awesome图标字体文件 集成了圆角按钮 禁用状态按钮 自定义按钮尺寸 可设定按钮动画 旋转和闪烁动画 ps:字体文件在asset里面 说的不是很明白 看下面英文解释吧 Bootstrap buttons as per ...
安装字体文件之后打开Axure,从字体列表中能够找到fontawesome即为安装成功。 3、我使用了字体文件,原型发给别人为什么看不到图标? 解决办法1:对方也安装该字体文件。(无需网络) 解决办法2:在AxureRP7.0中...
Font Awesome 用过Bootstrap字体图符的小伙伴肯定很熟悉字体图符的便利,...还有很多优点不一一举例,可自行查看文档:http://fontawesome.dashgame.com/ npm 安装 font-awesome npm install font-awesome --save-de
Fontawesome-iconpicker Font Awesome Icon Picker是一个完全可自定义的Twitter Bootstrap插件,具有基于的强大基础API 您可以使用Font Awesome 5或您选择的其他字体图标集(图标列表是完全可自定义的)。 实例化 ...
tiwtter bootstrap 中的图标字体,有详细的说明文档
用于谷歌Chrome的字体图标选择器扩展...v1.2.2-插件将始终使用最新的fontawesome-picker释放,因为它现在正在使用docs页面中的外部css和js文件。 -已添加示例HTML标记-宽度已固定-改进的扩展程序图标 支持语言:English
Font Awesome, 为 Bootstrap 而创造的图标字体
Font Awesome 完美的图标字体 只为Bootstrap设计
Google字体,集成了Font Awesome Icon ========== 由Bootstrap3提供支持的Backgroundg滑块多页选项代码和内容已针对速度响应式布局进行了优化干净的代码跨浏览器兼容性CSS3动画100%完全可自定义无硬编码选项粘性...
- 使用最新的 Bootstrap 5 构建 - NO jQuery dependency - RTL 支持 (观看演示) ...- Font Awesome和Bootstrap图标(2800 +字体图标) - 用于图像和视频的灯箱(弹出窗口) - 平滑的视差图像和视频背景
2、图标使用font awesome 3.2,可以使用字体图标 3、表格可以用bootstrap的表格,也可以用jqueryui的表格,也可以用jqgrid的表格 4、图表的话,我看ace里有jquery.flot 和?jquery.easy-pie-chart。 5、bootbox.js 6...
我添加了javascript函数,该函数使用Font-Awesome图标覆盖jqGrid styleUI图标,这将立即使jqGrid创建的所有图标均为Font-Awesome图标。 在初始化网格之前,应运行javascript函数。 注意:如果使用Bootstrap styleUI...
只需转到“插入”>“符号”,然后选择要包含的“真棒字体”图标或Bootstrap组件。 图标按字母顺序组织,并包含别名。 在任何页面上按住CTRL L都将隐藏或显示响应式布局。版式| H1 | 36px | 粗体| | H2 | 30px | ...
网站发布到IIS后,发现网站使用的Bootstrap框架所引用的woff字体无法正常显示。于是跟踪http请求,发现woff字体请求出现GET .woff 404 (Not Found)的问题,但是项目中woff字体的文件并未丢失。后经排查,原来是...
Bootstrap Context Menu是一款非常实用的基于Bootstrap的jQuery右键上下文菜单插件。该右键菜单插件可以在多种元素上触发,也可以配合Font Awesome字体图标一起使用,非常的方便。
这是一款使用Font Awesome 字体图标来对Bootstrap复选框和单选按钮进行美化的CSS样式特效。
Bootstrap鼠标右键菜单代码是一款可以在多种元素上触发,也可以配合Font Awesome字体图标一起使用。