以下是关于图标使用的official bootstrap documentation条建议:

enter image description here

我想知道如何使用这个软件包,如果我真的要用的话.他们的使用选项中没有一个是关于6秒钟前我被告知要安装的软件包的anything.

我只是不明白,如果我只需要复制所需的svg,然后卸载该软件包,为什么文档会告诉我安装该软件包.

有没有什么方法可以让我按照源代码控制的精神,把一个输入到一个Angular 分量中?

编辑:回答为什么我没有按照答案<svg class="bi bi-chevron-right" width="32" height="32" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6.646 3.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L12.293 10 6.646 4.354a.5.5 0 010-.708z" clip-rule="evenodd"/></svg>中的建议使用下面的html

因为它根本不使用 bootstrap 图标库.粘贴到响应中进行演示,堆栈溢出不使用 bootstrap .

enter image description here

推荐答案

很老了,但因为我有同样的问题,这些答案根本没有帮助,这里是我想出的解决方案.

首先安装bootstrap icons软件包(--save也会将其添加到依赖项中):

$ npm i bootstrap-icons --save

然后将这一行添加到您的样式中.css文件:

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

从现在起,你可以在应用程序中的任何地方使用它,就像 bootstrap 文档中所说的那样:

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

Typescript相关问答推荐

TypScript如何在 struct 上定义基元类型?

为什么ESLint抱怨通用对象类型?

带有微前端的动态React路由问题

如何用不同的键值初始化角react 形式

在TypeScript中,除了映射类型之外还使用的`in`二进制运算符?

将对象属性转换为InstanceType或原样的强类型方法

在映射类型中用作索引时,TypeScrip泛型类型参数无法正常工作

按函数名的类型安全类型脚本方法包装帮助器

创建Angular 为17的动态形状时出错

try 使Angular依赖注入工作

为什么特定的字符串不符合包括该字符串的枚举?

如何在Reaction Native中关注屏幕时正确更新状态变量?

基于泛型的类型脚本修改类型

覆盖高阶组件中的 prop 时的泛型推理

对象只能使用 Typescript 中另一个对象的键

const 使用条件类型时,通用类型参数不会推断为 const

Typescript 编译错误:TS2339:类型string上不存在属性props

为什么在 useState 中设置 React 组件是一种不好的做法?

如何在故事书的Typescript 中编写decorator ?

如何从列表中仅 Select 一种类型?