Bootstrap 內(nèi)聯(lián)標(biāo)簽和徽章

Bootstrap 內(nèi)聯(lián)標(biāo)簽和徽章

簡(jiǎn)介

使用 Bootstrap，您可以創(chuàng)建內(nèi)聯(lián)標(biāo)簽（即 Label 和注釋的文本）和徽章（即指標(biāo)和未讀計(jì)數(shù)）。

內(nèi)聯(lián)標(biāo)簽

通過內(nèi)聯(lián)標(biāo)簽?zāi)梢詣?chuàng)建醒目的標(biāo)簽和注釋文本。

實(shí)例

bootstrap.css 中，從行號(hào) 3162 到行號(hào) 3200，呈現(xiàn)的是 label、label-success、label-warning、label-important、label-info 和 label-inverse 的樣式。

徽章

就像 Bootstrap 提到的，

徽章是用于顯示指標(biāo)或一些分類的計(jì)數(shù)的小而簡(jiǎn)單的組件。它們通常可以在用于推送通知的電子郵件客戶端比如 Mail.app 或移動(dòng) app 上找到。

實(shí)例

請(qǐng)注意，在該實(shí)例中，我們使用了 bootstrap-2.0.3.css，因?yàn)樵?Bootstrap v2.0.1 中沒有定義徽章的樣式。

點(diǎn)擊這里，下載本教程中使用到的所有 HTML、CSS、JS 和圖片文件。