Bootstrap - Badges

BootstrapBadges- 从概述，环境设置，基本结构，全局样式，网格系统，流体网格系统，布局，响应式设计，排版，表格，按钮，图像，图标，下拉列表，按钮组开始，简单易学地学习Bootstrap ，导航元素，导航栏，面包屑，分页，标签，徽章，版式，缩略图，警报，进度栏，媒体对象，Javascript插件像过渡，模态，下拉列表，Scrollspy，选项卡，工具提示，弹出，警报，按钮，折叠，旋转木马，Typeahead，Affix，Glyphicons，Jumbotron，Demos。

本章将讨论Bootstrap徽章.徽章与标签类似;主要区别在于角落更圆润.

徽章主要用于突出显示新的或未读的项目.要使用徽章，只需将< span class ="badge"> 添加到链接，Bootstrap导航等.

以下示例演示了此 :

Mailbox 50

如果没有新的或未读的商品，只要没有内容存在，徽章就会通过CSS的:空选择器崩溃.

活动导航状态

您可以将徽章置于活动状态的丸和列表导航中.您可以通过将< span class ="badge"> 放置到活动链接来实现此目的，如以下示例所示 :

Example for Active State in Pill 
   Home 42   Profile
   Messages 3

Example for Active State in navigations
                  42         Home            Profile
                  3         Messages