.badge类用于向内容添加其他信息。例如，某些网站将一些通知关联到该链接。登录到特定网站时会看到通知号，该网站通过单击告诉新闻或通知号。
例子：
Bootstrap Badges
GeeksforGeeks
Notifications heading
4
Updates
2
Messages
1
Request
0
输出： 
上下文徽章：上下文类( .badge- * )用于更改徽章的颜色。徽章可以用作链接或按钮的一部分，以提供计数器。根据徽章的使用方式，徽章一定会使用户感到困惑。为此，使用了不同的变化颜色，以使用户不会感到困惑。
例子：
Bootstrap Badges
GeeksforGeeks
Notifications heading
4
Updates
2
Messages
1
Request
0
输出： 
药丸徽章： .badge-pill类用于使徽章的角更加圆角。
例子：
Bootstrap Badges
GeeksforGeeks
Notifications heading
4
Updates
2
Messages
1
Request
0
输出： 
元素内的徽章：可以在元素内创建徽章。
例子：
Bootstrap Badges
GeeksforGeeks
输出： 