學習Bootstrap知識記錄點-----標籤操做

Bootstrap 標籤

本章將講解 Bootstrap 標籤。標籤可用於計數、提示或頁面上其餘的標記顯示。使用 class .label 來顯示標籤，以下面的實例所示：

您可使用修飾的 class label-default、label-primary、label-success、label-info、label-warning、label-danger 來改變標籤的外觀，以下面的實例所示：

實例

<div>
    <span class="label label-danger ">danger</span>
    <span class="label label-primary ">primary</span>
    <span class="label label-success ">success</span>
    <span class="label label-default ">default</span>
    <span class="label label-info ">info</span>
    <span class="label label-warning ">warning</span>
</div>

結果以下所示：

標籤更多實例

類	描述	實例
.label label-default	默認的灰色標籤	嘗試一下
.label label-primary	"primary" 類型的藍色標籤	嘗試一下
.label label-success	"success" 類型的綠色標籤	嘗試一下
.label label-info	"info" 類型的淺藍色標籤	嘗試一下
.label label-warning	"warning" 類型的黃色標籤	嘗試一下
.label label-danger	"danger" 類型的紅色標籤	嘗試一下