bootstrap哪個類別可以實現標籤

在bootstrap中，「.label」類別可以實現標籤，標籤可用於計數、提示或頁面上其他的標記顯示；可透過「label-primary」、「label-success」、「label- info」等修飾類別來改變標籤的外觀。

本教學操作環境：Windows7系統、bootsrap3.3.7版、DELL G3電腦

在bootstrap中，標籤可用於計數、提示或頁面上其他的標記顯示。使用.label 類別來顯示標籤，如下面的實例所示：

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

可以使用修飾的class label-default、label-primary、 label-success、label-info、label-warning、label-danger 來改變標籤的外觀：

<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>

推薦學習：《bootstrap使用教學 》

以上是bootstrap哪個類別可以實現標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章！