Bootstrap - 徽章演示


什么是徽章?

徽章是一个小的内联元素,用于突出显示或标记某些信息。它通常显示为包含数字或文本的小圆圈或矩形。它们以视觉方式突出显示重要信息或在您的 Web 应用程序中提供快速状态更新。

用于在<html>元素中添加徽章的 Bootstrap 类是.badge

可用于自定义徽章的其他类有:

  • 颜色实用程序类,例如.bg-*、.text-bg-*

  • 定位类,例如.position-absolute

  • 通过.rounded-pill实用程序类获得药丸徽章

徽章的一些示例如下:

例子 描述 下载链接
徽章基本 此示例显示了徽章的结构以及可在 Bootstrap 中应用于它们的各种其他类 下载