Bootstrap字体图标无法正常显示的解决方法
发布时间:2020-12-18 00:48:57 所属栏目:安全 来源:网络整理
导读:bootstratp作为一个优秀的前端框架,最近使用了其中的Glyphicon Halflings的字体图标。起初一直显示不出来,后面通过搜索相关资料直到成功显示,在此做一些总结,方便后面复习。 1、在html页面引入bootstrap xxxx 2、在放bootstrap.min.css的文件夹同级的目
bootstratp作为一个优秀的前端框架,最近使用了其中的Glyphicon Halflings的字体图标。起初一直显示不出来,后面通过搜索相关资料直到成功显示,在此做一些总结,方便后面复习。 1、在html页面引入bootstrap
xxxx
2、在放bootstrap.min.css的文件夹同级的目录下添加官网下载好的fonts文件里的所有东西3、在项目的/img/文件下添加(关键)glyphicons-halflings-white.png glyphicons-halflings.png 4、使用放在任何地方都能使用。为了留下正确的内补(padding),一定要在图标和文本之间加上一个空格。图标 class 不能和其它元素联合使用,因为这些图标被设计为独立的元素、独立使用。
参考链接: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。 如果大家还想深入学习,可以点击进行学习,再为大家附两个精彩的专题: (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |