Bootstrap 標(biāo)簽

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

松嶺網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,松嶺網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為松嶺上千多家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營銷網(wǎng)站建設(shè)要多少錢，請找那個售后服務(wù)好的松嶺做網(wǎng)站的公司定做！

實(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
>

嘗試一下 ?

結(jié)果如下所示：

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

實(shí)例

<
span

class
=
"
label label-default
"
>
默認(rèn)標(biāo)簽
span
>

<
span

class
=
"
label label-primary
"
>
主要標(biāo)簽
span
>

<
span

class
=
"
label label-success
"
>
成功標(biāo)簽
span
>

<
span

class
=
"
label label-info
"
>
信息標(biāo)簽
span
>

<
span

class
=
"
label label-warning
"
>
警告標(biāo)簽
span
>

<
span

class
=
"
label label-danger
"
>
危險標(biāo)簽
span
>

嘗試一下 ?

結(jié)果如下所示：

---

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

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

當(dāng)前文章：創(chuàng)新互聯(lián)Bootstrap教程：Bootstrap標(biāo)簽
網(wǎng)站地址：http://uogjgqi.cn/article/djecgde.html