标签

标签组件通常用来做一些高亮显示用以提醒。使用“.label”样式来实现，可以使用span这样的行内标签，例如：标签 实现源码如下：

也可以使用a标签元素来制作标签，实现源码如下：

标签内没有内容的时候会被隐藏，实现源码如下：

可以追加颜色样式，类名如下： .label-deafult:默认标签，深灰色 .label-primary：主要标签，深蓝色 .label-success：成功标签，绿色 .label-info：信息标签，浅蓝色 .label-warning：警告标签，橙色 .label-danger：错误标签，红色

实现代码如下：

徽章

徽章效果也是用来做一些提示信息使用，比如显示有几条未读消息。使用“.badge”样式来实现。可以使用span标签来制作，例如： 实现源码如下：

当没有内容的时候隐藏，实现源码如下：

.badge:empty { display: none; }

徽章可以与按钮或者导航之类配合使用，实现源码如下：

缩略图

简单缩略图

通过“thumbnail”样式配合bootstrap的网格系统来实现。例如：