您的位置:首页 > Web前端 > BootStrap

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

2016-09-12 15:42 525 查看
引入了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中文文档
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css bootstrap