Bootstrap4徽章（Badges）徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要将.badge类加上带有指定意义的颜色类(如.badge-secondary)添加到元素上即可。徽章可以根据父元素的大小的变化而变化:实例h1>测试标题spanclass="badgebadge-secondary">Newspan>h1>h2>测试标题spanclass="badgebadge-secondary">Newspan>h2>h3>测试标题spanclass="badgebadge-secondary">Newspan>h3>h4>测试标题spanclass="badg

Bootstrap徽章（Badges）本章将讲解Bootstrap徽章（Badges）。徽章与标签相似，主要的区别在于徽章的边角更加圆滑。徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要把添加到链接、Bootstrap导航等这些元素上即可。下面的实例演示了这点：实例展示未读邮件：ahref="#">Mailboxspanclass="badge">50span>a>尝试一下»结果如下所示：当没有新的或未读的项时，通过CSS的:empty选择器，徽章会折叠起来，表示里边没有内容。实例展示未读消息：divclass="container">h2>徽章h2>p>.badge类

Bootstrap徽章（Badges）本章将讲解Bootstrap徽章（Badges）。徽章与标签相似，主要的区别在于徽章的边角更加圆滑。徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要把添加到链接、Bootstrap导航等这些元素上即可。下面的实例演示了这点：实例展示未读邮件：ahref="#">Mailboxspanclass="badge">50span>a>尝试一下»结果如下所示：当没有新的或未读的项时，通过CSS的:empty选择器，徽章会折叠起来，表示里边没有内容。实例展示未读消息：divclass="container">h2>徽章h2>p>.badge类