Foundation 標(biāo)簽

.label 類用于提供一些附加信息:

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供惠農(nóng)網(wǎng)站建設(shè)、惠農(nóng)做網(wǎng)站、惠農(nóng)網(wǎng)站設(shè)計(jì)、惠農(nóng)網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、惠農(nóng)企業(yè)網(wǎng)站模板建站服務(wù)，10年惠農(nóng)做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

實(shí)例

<
h2
>Example
<
span
class=
"label"
>New
<
/span
>
<
/h2
>


<
h3
>Example
<
span
class=
"label"
>New
<
/span
>
<
/h3
>


<
h4
>Example
<
span
class=
"label"
>New
<
/span
>
<
/h4
>

嘗試一下 ?

以下類可以設(shè)置標(biāo)簽的顏色: .secondary, .success, .info, .warning 或 .alert:

實(shí)例

<
span
class=
"label"
>Default Label
<
/span
>


<
span
class=
"label secondary"
>Secondary Label
<
/span
>


<
span
class=
"label success"
>Success Label
<
/span
>


<
span
class=
"label info"
>Info Label
<
/span
>


<
span
class=
"label warning"
>Success Label
<
/span
>


<
span
class=
"label alert"
>Alert Label
<
/span
>

嘗試一下 ?

---

圓角標(biāo)簽

.radius 與 .round 類可以為標(biāo)簽添加圓角：

實(shí)例

<
span
class=
"label"
>Default Label
<
/span
>


<
span
class=
"label radius"
>Radius Label
<
/span
>


<
span
class=
"label round"
>Round Label
<
/span
>


<
span
class=
"label success round"
>5
<
/span
>

嘗試一下 ?

---

標(biāo)簽大小

可以使用 CSS 來修改標(biāo)簽的大小:

實(shí)例

<
h1
>Example
<
span
class=
"label"
style=
"font-size:36px;"
>New
<
/span
>
<
/h1
>


<
h2
>Example
<
span
class=
"label"
style=
"font-size:30px;"
>New
<
/span
>
<
/h2
>


<
h3
>Example
<
span
class=
"label"
style=
"font-size:20px;"
>New
<
/span
>
<
/h3
>


<
h4
>Example
<
span
class=
"label"
>New
<
/span
>
<
/h4
>

嘗試一下 ?

分享文章：創(chuàng)新互聯(lián)Foundation教程：Foundation標(biāo)簽
本文路徑：http://uogjgqi.cn/article/dpddjdp.html