Badege 是个标签组件。比如网站里面的新的内容，你可以在内容标题后面添加一个 新 这个小标签，用户有未读的消息，消息的数量也可以放在一个标签里 ..

一个标签组件一般可以使用一个 span 标签，因为 span 标签是个行内元素 ... 这样标签可以跟其它的内容在一行显示 ..

上面加上一个 badge 还有一个情景变化 .. 比如 badge-primary ..

span.badge.badge-primary

页面上会显示一个 Badge 组件 .. 再试一下 badge-secondary ... 标签的样式会发生变化..

给它添加一个圆角效果，可以在再用一个 badge-pill

这个 Badge 组件用了 em 单位，所以它的大小会相对于它爸爸的字号 .. 在这个标签周围我们用一个标题元素包装一下 .. 里面添加一个标题文字 ..

你会发现在标题元素里面的小标签的大小会有变化 .. 它跟标题文字会在一行显示 ..

我们可以再把这个标签放在一个 button 元素里面 .. 添加两个按钮类 .. btn btn-primary .. 标签的变化可以换成 badge-light ..