BootStrap入门教程(6)

3.标签(Label)、徽章(Badges)、排版(Typographic)与缩略图(Thumbnails)

3.1 标签(Label)与徽章(Badges)

标签是一个很好用的页面小要素，bootstrap具有多种颜色标签，表达不同的页面信息。只需要简单使用label标签即可。徽章是细小而简单的组件，用于指示或者计算某种类别的要素，在在email客户端很常见，实际上在一些签到式的网站(LBS)上也常常用到。如图3-8所示：

图3-8 标签(Label)与徽章(Badges)

代码片段如下：

View Code

Labels Markup

<span class=\>Default</span>

<span class=\>Success</span>

<span class=\>Warning</span>

<span class=\>Important</span>

<span class=\>Info</span>

<span class=\>Inverse</span>

Name Example Markup

Default

<span class=\>1</span>

Success

<span class=\>2</span>

Warning

<span class=\>4</span>

Important

<span class=\>6</span>

Info

<span class=\>8</span>

Inverse

<span class=\>10</span>