Bootstrap 標(biāo)簽

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

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

實例

<
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)簽的外觀，如下面的實例所示：

實例

<
span

class
=
"
label label-default
"
>
默認標(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)簽更多實例

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

本文名稱：創(chuàng)新互聯(lián)Bootstrap教程：Bootstrap標(biāo)簽
URL鏈接：http://www.5511xx.com/article/djecgde.html