本章将讨论有关Bootstrap徽章的信息。徽章类似于标签。主要区别是拐角更圆。

徽章主要用于突出显示新的或未读的项目。要使用徽章，只需在链接，Bootstrap导航等中添加 。

以下示例演示了这一点-

Mailbox 50

如果没有新的或未读的项目，只要其中没有内容，徽章将仅通过CSS的：empty选择器折叠。

主动导航状态

您可以将徽章置于药片和列表导航的活动状态。您可以通过将放置到活动链接中来实现此目标，如以下示例所示：

Example for Active State in Pill 


   
Home 42
   
Profile
   
Messages 3





Example for Active State in navigations


   

      
         42
         Home
      
   
    
   
Profile
    
   

      
         3
         Messages