如何在angular中使用引导图标包

提问者：小点点

我下载了引导图标和字体很棒的包。但我不知道如何使用它，我只是将以下内容导入到styles.css文件中:@import“~bootstrap/dist/css/bootstrap.css”；@import“~font-awesome/css/font-awesome.css”；

我想我需要在Angular.json文件中添加一些内容，但是我在这里输入的路径不正确

我希望它看起来是这样的：

在此输入图像说明

但看起来是这样的：

在此输入图像说明

共1个答案

匿名用户

$ npm i bootstrap-icons

并在style.css文件中添加以下行：

@import "~bootstrap-icons/font/bootstrap-icons.css";

并使用类似的图标（仅为示例）：

<i class="bi bi-person-fill"></i>

您可以在follow bootstrap正式文档中找到任何您想要使用的图标：bootstrap图标