標(biāo)簽 - Labels

什么是標(biāo)簽?如何創(chuàng)建標(biāo)簽?

標(biāo)簽是放在文本后面的提示信息,一般用 <span>外加 .label .label-default 創(chuàng)建

<h1>一號文本 <span class = "label label-default">標(biāo)簽</span></h1>
<h2>二號文本 <span class =" label label-default">標(biāo)簽</span></h2>
<h3>三號文本 <span class = "label label-default">標(biāo)簽</span></h3>
<h4>四號文本 <span class = "label label-default">標(biāo)簽</span></h4>
01.PNG

能夠改變標(biāo)簽的外觀樣式嗎?

.label-default, .label-primary, .label-success, .label-info, .label-warning, .label-danger 這幾個類可以改變標(biāo)簽的外觀樣式

<span class = "label label-default">Default Label</span>
<span class = "label label-primary">Primary Label</span>
<span class = "label label-success">Success Label</span>
<span class = "label label-info">Info Label</span>
<span class = "label label-warning">Warning Label</span>
<span class = "label label-danger">Danger Label</span>
02.PNG
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,534評論 19 139
  • 第5章 菜單、按鈕及導(dǎo)航 一、下拉菜單 小伙伴們注意,在Bootstrap框架中的下拉菜單組件是一個獨(dú)立的組件,根...
    凜0_0閱讀 5,308評論 0 66
  • 教程整理自慕課網(wǎng)(原文部分錯誤在這篇文章得到修改,本文版本Bootstrap3.3.7)。 框架簡介 Bootst...
    小小奶狗閱讀 2,690評論 0 5
  • 胡蘭成在一個風(fēng)雨急驟的夜說:歲月靜好,現(xiàn)世安穩(wěn)。這是他對張愛玲的承諾。歲月靜好,寧靜、恬淡、靜謐的生活態(tài)度,人人趨...
    夢槿馨閱讀 8,412評論 0 4
  • HashMap Spring事物的傳播特性
    菜鳥程序員一枚閱讀 352評論 0 0

友情鏈接更多精彩內(nèi)容