Bootstrap 標(biāo)簽

本章節(jié)將講解 Bootstrap 標(biāo)簽。標(biāo)簽可用于計(jì)數(shù)、提示或頁面上其他的標(biāo)記顯示。使用 class .label 來顯示標(biāo)簽，如下面的實(shí)例所示：

實(shí)例

<h1>Example Heading <span class="label label-default">Label</span></h1> <h2>Example Heading <span class="label label-default">Label</span></h2> <h3>Example Heading <span class="label label-default">Label</span></h3> <h4>Example Heading <span class="label label-default">Label</span></h4>

運(yùn)行代碼 ?

結(jié)果如下所示：

您可以使用修飾的 class label-default、label-primary、label-success、label-info、label-warning、label-danger 來改變標(biāo)簽的外觀，如下面的實(shí)例所示：

實(shí)例

運(yùn)行代碼 ?

結(jié)果如下所示：

標(biāo)簽更多實(shí)例

類	描述	實(shí)例
.label label-default	默認(rèn)的灰色標(biāo)簽	運(yùn)行代碼
.label label-primary	"primary" 類型的藍(lán)色標(biāo)簽	運(yùn)行代碼
.label label-success	"success" 類型的綠色標(biāo)簽	運(yùn)行代碼
.label label-info	"info" 類型的淺藍(lán)色標(biāo)簽	運(yùn)行代碼
.label label-warning	"warning" 類型的黃色標(biāo)簽	運(yùn)行代碼
.label label-danger	"danger" 類型的紅色標(biāo)簽	運(yùn)行代碼

上一篇：Bootstrap 分頁下一篇：Bootstrap 徽章