Bootstrap字体图标不显示问题
来源:互联网 发布:永恒之塔魔族捏脸数据 编辑:程序博客网 时间:2024/03/29 14:35
问题:
bootstrap使用字体图标时只显示一个框,不显示图标。
问题分析:
出现的原因是:bootstrap.css文件没有正确关联上字体文件glyphicons-halflings-regular.eot。
查看bootstrap.css源码可知:
`@font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');}`
注意当中的url
我的解决办法:
把从网上下载的整个bootstrap丢到eclipse中。如图
在jsp页面中的引用:
<head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>bootStrap表单</title><script type="text/javascript" src="js/jquery.min.js"></script><link rel="stylesheet" href="js/bootstrap-3.3.7-dist/css/bootstrap.css"><script type="text/javascript" src="js/bootstrap-3.3.7-dist/js/bootstrap.js"></script></head>
注意:jQuery的引用要放在bootstrap引用前,否则会报Uncaught Error: Bootstrap's JavaScript requires jQuery
的错误
0 0
- Bootstrap字体图标不显示问题
- Bootstrap字体图标不显示问题
- Bootstrap中Glyphicons 图标不显示问题
- Bootstrap发布字体不显示
- IE8不显示字体图标
- Bootstrap—解决引入本地Bootstrap文件字体图标无法显示问题
- 关于bootstrap的字体图标问题
- 在Yii中解决引入本地Bootstrap文件字体图标无法显示问题
- 字体图标显示不出来的解决办法
- bootstrap解决图标显示不出来问题,出现GET .woff 404 (Not Found)的问题
- Bootstrap字体图标(glyphicons)
- Bootstrap字体图标
- Bootstrap 字体图标(Glyphicons)
- Bootstrap 字体图标(Glyphicons)
- bootstrap 字体图标出不来
- SpringMVC导致Bootstrap中的Glyphicons 字体图标无法正常显示
- 使用bootstrap轮播功能时候,glyphicon图标不显示问题
- Bootstrap navbar 背景颜色、背景图和字体颜色修改,颜色修改不显示的问题
- theano深度框架的学习
- MobX与React Native中shouldComponentUpdate的关系
- web.字符串函数及其用法
- 1.nexus 私服搭建
- JNDI学习总结(二)——Tomcat下使用C3P0配置JNDI数据源
- Bootstrap字体图标不显示问题
- RichEdit
- 关于axis2发布服务,用cxf在同个进程调用不同服务时出现数组下标越界问题
- 错排 hrbust 1191
- Windows驱动(1)-IocreateDeviceSecure 链接错误
- 08-图7 公路村村通 (30分)
- TensorFlow练习7: 基于RNN生成古诗词
- unix时间戳和c#转换
- [k8s]一步一步学习k8syaml