使用 Bootstrap 图标库可以轻松地在网络应用程序中添加图标。步骤包括：引用图标库、使用图标（通过类名，如 ）、调整图标大小（fs-1/2/3/4）、更改图标颜色（text-primary/secondary等）、组合类以创建不同样式的图标。
如何在你的项目中使用 Bootstrap 图标
Bootstrap 提供了一套图标库，可方便地在你的网络应用程序中添加图标。
使用步骤：
- 引用 Bootstrap 图标库
在你的 HTML 文档中，在 </head> 标签内引用 Bootstrap 图标库：
<code class="html"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"></code>
- 使用图标
Bootstrap 图标使用类名来引用。要使用图标，请在你的 HTML 中使用以下语法：
<code class="html"><i class="bi-icon-name"></i></code>
例如，要使用 "房子" 图标，使用：
<code class="html"><i class="bi-house"></i></code>
- 图标大小
你可以通过添加 "fs-" 类来调整图标的大小。可用的大小包括：
- fs-1 (24px)
- fs-2 (16px)
- fs-3 (12px)
- fs-4 (10px)
例如，要将 "房子" 图标设置为中等大小，使用：
<code class="html"><i class="bi-house fs-2"></i></code>
- 颜色
你可以使用 "text-" 类来改变图标的颜色。可用的颜色包括：
- text-primary
- text-secondary
- text-success
- text-danger
- text-warning
- text-info
- text-dark
例如，要将 "房子" 图标设置为蓝色，使用：
<code class="html"><i class="bi-house text-primary"></i></code>
- 组合
你可以组合这些类以创建各种样式的图标。例如，要创建一个中等大小的绿色 "房子" 图标，使用：
<code class="html"><i class="bi-house fs-2 text-success"></i></code>
