使用bootstrap.css框架无法显示图标问题

引入了bootstrap.css之后使用图标类,但是不能显示出来;版本为v3.3.0

  • 主要是因为没有引入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中文文档

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值