bootstrap-table的离线icon引用问题

为了保证稳定,所以开发前端的时候引用的css文件和js文件都是下载到本地的,但是在使用过程中却发现表格的一些icon无法显示。

bootstrao-table是依附于bootstrap存在的,在toolbar中使用到的各种icon形象是来自于bootstrap的,

所以需要确保引用了bootstrap的css文件“bootstrap.min.css”,

通过观察可以发现,icon的class是“glyphicon”,这一项在bootstrap-table.min.css里面是搜索不到的,但是在bootstrap.min.css中可以搜索得到,而它的引用地址是"../fonts/",

也就是说需要在于bootstrap.min.css上一级的菜单中使用fonts文件夹

到bootstrap官网下载

其中有3个文件夹,js、css、fonts,将fonts放到bootstrap.min.css的上一级文件夹中:

刷新页面,可以正常显示了

此外,直接将bootstrap-table下载包中的所有文件直接放到开发文件中是没有用的,因为那里面没有fonts文件夹

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值