提问者:小点点

如何在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图标