Bootstrap Glyphicons

Bootstrap Glyphicons 是 Bootstrap 框架中包含的一组图标库，可以用来美化页面和增强用户交互。这些图标可以直接使用 Bootstrap 的 CSS 类，也可以使用 Unicode 码实现。

特点

• 提供大量常用图标，如箭头、文本编辑、删除、搜索等。
• 基于矢量图形，可以在高分辨率设备上清晰显示，同时占用更少的空间。
• 内置于 Bootstrap 框架中，使用非常方便，无需额外下载或安装。

使用方法

方法一：使用 CSS 类

在 HTML 标签中使用 Bootstrap 的 CSS 类即可显示对应的图标。

<i class="glyphicon glyphicon-search"></i>

方法二：使用 Unicode 码

每个图标对应一个 Unicode 码，使用时直接输入相应的码即可。

<i class="&#xe003;"></i>

示例

以下是一些常用的 Bootstrap Glyphicons 图标示例：

• 搜索图标：<i class="glyphicon glyphicon-search"></i>
• 删除图标：<i class="glyphicon glyphicon-trash"></i>
• 添加图标：<i class="glyphicon glyphicon-plus"></i>
• 向下箭头：<i class="glyphicon glyphicon-chevron-down"></i>
• 刷新图标：<i class="glyphicon glyphicon-refresh"></i>
• 用户头像：<i class="glyphicon glyphicon-user"></i>
• 邮箱图标：<i class="glyphicon glyphicon-envelope"></i>
• 右箭头：<i class="glyphicon glyphicon-arrow-right"></i>

更多图标示例请参考 Bootstrap 官方文档。

相关资源

• Bootstrap 官方文档：https://getbootstrap.com/docs/3.4/components/
• Glyphicons 官方网站：https://glyphicons.com/