首頁 > web前端 > 前端問答 > bootstrap哪個類別可以實現標籤

bootstrap哪個類別可以實現標籤

青灯夜游
發布: 2021-11-11 14:46:44
原創
1819 人瀏覽過

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

bootstrap哪個類別可以實現標籤

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

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

<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>
登入後複製

bootstrap哪個類別可以實現標籤

可以使用修飾的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使用教學

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板