引用bootstrap图标的正确姿势
2016-07-21 09:36
531 查看
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">GET http://localhost:8080/Project/fonts/glyphicons-halflings-regular.woff2</span>[/code]
不是不显示图标就是现实的图标不正确,应该是一个搜索符号的确显示个乱码的正方形,stackoverflow上大多是叫改iis或是web配置文件,在其中加上mime对应的类型,我试了,问题也并没有很好的解决。
然后...不说了,反正最后方法找到了,就是引用百度的bootstrap,速度还很快!<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 如何使用字形图标(Glyphicons)</title> <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> </head> <body> <p> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-sort-by-attributes"></span> </button> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-sort-by-attributes-alt"></span> </button> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-sort-by-order"></span> </button> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-sort-by-order-alt"></span> </button> </p> <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-user"></span> User </button> <button type="button" class="btn btn-default btn-sm"> <span class="glyphicon glyphicon-user"></span> User </button> <button type="button" class="btn btn-default btn-xs"> <span class="glyphicon glyphicon-user"></span> User </button> <span class="glyphicon glyphicon-search"></span> <span class="glyphicon glyphicon-asterisk"></span> <span class="glyphicon glyphicon-plus"></span> <span class="glyphicon glyphicon-cloud"></span> </body> </html>
http://www.runoob.com/bootstrap/bootstrap-glyphicons.html
相关文章推荐
- Bootstrap与tab组合,切换菜单实例
- Bootstrap入门基础
- 带你从零了解BootStrap
- Bootstrap表单布局详解
- 《玩转Bootstrap(JS插件篇)》笔记
- 《玩转Bootstrap(基础)》笔记
- Bootstrap系列 -- 15. 下拉选择框select【转发】
- 7-20 jquery遍历节点,bootstrap模态框绑定事件和解绑,mock.js,model.urlroot,id,打基础
- BootStrap 警告框
- BootStrap 缩略图
- BootStrap 页头
- BootStrap 巨幕
- BootStrap 徽章
- BootStrap 标签
- BootStrap 分页组件
- BootStrap 路径组件
- BootStrap 导航条组件
- BootStrap的导航组件
- bootstrap
- Bootstrap被封装的弹层