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文件夾

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章