使用bootstrap.css框架无法显示图标问题
2016-09-12 15:42
525 查看
引入了bootstrap.css之后使用图标类,但是不能显示出来;版本为v3.3.0,
主要是因为没有引入fonts字体图标包;下载的框架文件中会有一个fonts文件夹;里面带有字体以及图标对应的文件包,将fonts文件夹及其内容引入项目的根目录之下;或者是直接将下载的源文件解压之后引入项目中;不用单独引入fonts文件;
如果以上步骤没有问题;还是不能显示的话;可能是class的写法有问题 使用图标的时候class写就是参照中文文档中写法;
记得第一个glyphicon 不能落下;
另外一种可能的原因就是当前的页面的charset有问题;与bootstrap的有冲突;这个也只是本人自己的想法;具体没有遇见过;如果以上解决之后还有问题的话;可以试试这样的方式;
Bootstrap中文文档
主要是因为没有引入fonts字体图标包;下载的框架文件中会有一个fonts文件夹;里面带有字体以及图标对应的文件包,将fonts文件夹及其内容引入项目的根目录之下;或者是直接将下载的源文件解压之后引入项目中;不用单独引入fonts文件;
如果以上步骤没有问题;还是不能显示的话;可能是class的写法有问题 使用图标的时候class写就是参照中文文档中写法;
<button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-star"></span> Star </button>
记得第一个glyphicon 不能落下;
另外一种可能的原因就是当前的页面的charset有问题;与bootstrap的有冲突;这个也只是本人自己的想法;具体没有遇见过;如果以上解决之后还有问题的话;可以试试这样的方式;
Bootstrap中文文档
相关文章推荐
- 【问题解决】windows程序使用LaodImage加载图标无法显示在程序窗口标题栏
- 解决bootstrap中glyphicon无法显示图标只显示方框的问题
- Bootstrap—解决引入本地Bootstrap文件字体图标无法显示问题
- firefox(ff)下无法显示bootstrap图标问题的解决方案(转)
- 火狐打开本地bootstrap页面,小图标无法正常显示问题
- 如何解决Bootstrap的模态框在Framework7中使用出现遮罩无法显示的问题?
- 解决bootstrap导入图标组件无法显示的问题
- Win7系统解决使用MyEclipse进行Web开发中网页无法显示.woff矢量图标的问题
- 在Yii中解决引入本地Bootstrap文件字体图标无法显示问题
- 解决Ubuntu使用Flatabulous主题&Ultra-flat图标搜狗输入法托盘图标无法显示问题
- 今天在学习bootstrap,在使用字体图标的时候,无法显示
- 前端——bootstrap无法显示图标问题
- 使用了最新的bootstrap框架,结果在IIS6上无法显示图标
- firefox(ff)下无法显示bootstrap图标问题的解决方案
- 使用bootstrap轮播功能时候,glyphicon图标不显示问题
- 本地Bootstrap文件字体图标引入却无法显示问题的解决方法
- MVC中使用水晶报表,图表无法显示的问题
- FLex 组件 Menu MenuBar 子菜单无法显示图标icon的问题
- 解决SharePoint无法正确显示文件类型图标问题
- Windows XP中当最小化程序时,无法在任务栏显示图标的问题