bootstrap字体图标
2015-10-31 21:34
441 查看
bootstrap字体图标
http://v3.bootcss.com/components/
View Code
上面demo的显示如下
如何把你的图标转换为WEB字体(可参考此链接制作字体)
http://jingyan.baidu.com/article/f79b7cb346cf499145023e78.html
http://v3.bootcss.com/components/
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.css"> <style> .glyphicon-heart {font-size: 100px; color: red;} </style> </head> <body> <div class="container"> <div class="glyphicon glyphicon-heart"></div> </div> </body> <script src="js/jquery-2.1.3.js"></script> <script src="js/bootstrap.js"></script> </html>
View Code
上面demo的显示如下
如何把你的图标转换为WEB字体(可参考此链接制作字体)
http://jingyan.baidu.com/article/f79b7cb346cf499145023e78.html
相关文章推荐
- bootstrap初探2
- BootStrap中datepicker的使用和修改
- JS组件系列——Bootstrap Table 表格行拖拽
- bootstrap初探
- [置顶] Bootstrap导航栏实例讲解
- Bootstrap:简洁、直观、强悍的前端开发框架
- 使用bootstrap+asp.net mvc4+IBatis.Net实现的小程序
- bootstrap下 图片轮播的实现
- bootstrap IE兼容
- BootStrap学习笔记-1
- JS组件系列——Bootstrap Table 表格行拖拽
- Bootstrap-fileinput 多图片上传编辑
- 高德地图API使用笔记 -- bootstrap样式与高德地图兼容的问题
- lance年前第一波大礼,bootstrap html5 模版,希望大家喜欢。
- Bootstrap导航条鼠标悬停下拉菜单
- 10个可以替代Bootstrap的前端框架
- 对Bootstrap分页封装使用
- bootstrap 内容简略显示
- bootstrap的栅格系统
- bootstrap中弹出窗体dialog的自定义