Bootstrap Glyphicons 字体图标库对照表
在本页面中，您可以查看Bootstrap 5 提供的Bootstrap Icons字体图标库完整对照表。Bootstrap 5 引入了新的图标库，帮助开发者在项目中快速调用现代化的图标。
什么是Bootstrap 5 Icons字体图标库？
Bootstrap Icons是由Bootstrap官方提供的一套矢量图标库，专为Bootstrap 5设计，涵盖了大量常用图标，适合用于网页、应用程序以及UI设计中。通过引入Bootstrap的CSS文件，您可以轻松在项目中使用这些图标。
如何在Bootstrap 5项目中调用Bootstrap Icons图标？
要在您的Bootstrap 5项目中使用Bootstrap Icons图标，首先需要引入Bootstrap Icons的CSS文件。然后，您可以通过以下方式调用图标：
<i class="bi bi-search"></i>
在这个例子中，“bi”是图标库的前缀，“bi-search”是具体的图标类，表示“搜索”图标。
Bootstrap 5 Icons 字体图标对照表
下面是Bootstrap Icons图标库对照表，包括250多个字体图标，您可以直接在项目中使用这些图标。通过复制相应的图标类，轻松将它们应用到网页或应用的UI中。
| 图标名称 |
图标类名 |
预览 |
| 搜索 |
bi bi-search |
|
| 锁 |
bi bi-lock |
|
| 垃圾桶 |
bi bi-trash |
|
常见问题
1. 如何在Bootstrap 5项目中引入Bootstrap Icons字体图标？
您可以通过CDN或下载的方式引入Bootstrap Icons的CSS文件。以下是通过CDN引入的示例代码：
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
2. 图标的大小可以调整吗？
是的，您可以通过CSS或者Bootstrap的类来调整图标的大小。例如，您可以使用class="bi-lg"来调整图标的大小，或者直接使用CSS的font-size属性。
3. Bootstrap Icons是否支持响应式设计？
是的，Bootstrap Icons图标是响应式的，可以随着父容器的大小自动调整。
总结
Bootstrap 5 Icons字体图标库提供了丰富的图标资源，适合各种Web开发项目。只需引入Bootstrap Icons的CSS文件，您就可以轻松在网页中使用这些现代化图标，提升界面的视觉效果和用户体验。