Bootstrap 简明教程

Bootstrap - Badges demo

What is a badge?

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

Bootstrap 类用于在 <html> 元素中添加徽章，该类为 .badge 。

可用于自定义徽章的其他类包括：

  1. 颜色实用程序类，例如 .bg- 、.text-bg-**

  2. 定位类，例如 .position-absolute

  3. 通过 .rounded-pill 实用程序类创建胶囊徽章

以下是徽章的一些示例：

Example

Description

Download link

此示例显示了徽章的结构以及可以在 Bootstrap 中应用于徽章的各种其他类

Download