当前位置: 首页 > 知识库问答 >
问题:

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

秦天宇
2023-03-14

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

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

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

在此输入图像说明

但看起来是这样的:

在此输入图像说明

共有1个答案

齐甫
2023-03-14
$ npm i bootstrap-icons

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

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

并使用类似的图标(仅为示例):

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

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

 类似资料:
  • 问题内容: 我以前没有使用过任何引导框架。我想在页面的bootstrap 3中包含一些glyphicons。据我了解,它们应该包含在我添加到页面的bootstrap.css文件中。当我查看bootstrap.css文件时,没有看到对它们的引用?尽管文件很大,我可能还是错过了一些东西。 我注意到,当我打开从引导程序3下载的 文件夹时,会有一个单独的文件夹,其中包含名为: 似乎这是字形符号所在的位置,

  • 本文向大家介绍Angular 2 在应用程序引导中使用Guard,包括了Angular 2 在应用程序引导中使用Guard的使用技巧和注意事项,需要的朋友参考一下 示例 文件main.ts(或boot.ts) 考虑上面的示例: 创建防护(创建防护的位置)并 将Guard添加到路由配置中(将Guard配置为路由,然后导出APP_ROUTER_PROVIDERS), 我们可以将引导程序耦合到Guard

  • 引导Angular 2应用程序肯定不同于Angular 1.x,但仍然是一个简单的过程。让我们来看看如何做到这一点。

  • 问题内容: 我尝试将Angular与Bluebird Promise一起使用: HTML: JS: [ 小提琴 ] 但是,无论我尝试了什么,它都保持不变并且没有更新。除非我添加了手册,否则我会避免使用。 如何让Bluebird与AngularJS一起使用? (我知道这是可能的,因为$ q可以这样做) 我正在使用Bluebird2.0,我在这里。 问题答案: 这是可能的,甚至很容易! 好吧,如果我们

  • 问题内容: 有一篇很棒的文章,介绍如何异步引导angular1应用程序。这使我们能够在引导之前从服务器获取json。 主要代码在这里: 如何使用Angular 2达到相同的目的? 问题答案: 实际上,您需要在应用程序本身之外显式创建一个注入器以获取实例来执行请求。然后,在增强应用程序时,可以将已加载的配置添加到提供程序中。 这是一个示例: 然后,您可以通过依赖项注入访问配置: 请参阅以下代码:ht