引入Bootstrap的购物车图标

尝试使用yarn add @fortawesome/Font Awesome-free 安装失败后
寻找bootstrap图标引入方法,在这里分享一下

首先安装bootstrap图标库

npm install bootstrap-icons

然后在app.scss文件引入图标库

@import '~bootstrap-icons';

*.blade.php文件载入图标方法
只需把需要引入的图标名称写入class就可以
如引入cart图标

<span class="bi bi-cart">这是一种方法</span>
<i class="bi bi-cart" style="font-size: 2rem; color: cornflowerblue;">这是另一种方法</i>
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 1
Lafite
@import '~bootstrap-icons';

这里写错了,不要用这个,换成

@import 'bootstrap-icons/font/bootstrap-icons.css';

亲测有效

2个月前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!