本文共 964 字，大约阅读时间需要 3 分钟。

Bootstrap 字体图标

字体图标是一种常见的 Web 项目中使用的图标类型。虽然通常需要购买商业许可，但由于 Bootstrap 的支持，您可以免费使用这些图标。

要使用字体图标，只需在需要显示图标的地方插入以下代码即可。

字体图标的使用很直观，您只需要在需要显示图标的位置保留适当的空白即可。

字体图标的基本使用

示例代码如下：

如果您需要定制字体图标，可以参考 Bootstrap 的官方文档或相关开发资料。

按钮

按钮组

按钮组是一种将多个按钮水平排列在一行的布局容器。除了默认按钮样式外，按钮组还支持工具提示和弹出框功能。

如果在按钮组中使用工具提示或弹出框，您需要注意以下几点：

• 设置正确的 container 选项为"body"，以避免不必要的布局问题
• 正确设置元素的 role 属性，并提供显式的 label 标签
• 对于单一控制元素或下拉菜单，role 可以设为"group"
• 为了让屏幕阅读器正确识别按钮组，可以使用 aria-label 或 aria-labelledby 属性

按钮组的实际示例

简单的按钮组示例代码如下：