[Bootstrap 3.0] [異動功能] 徽章的顏色 badge color

上午8:09 yuchen 2 Comments

Bootstrap改版為3.0後，有一些功能做了些微的異動。如原本在Bootstrap 2.0中，badge內建就可擁有6種不同的顏色，在現在3.0的版本中，只剩下4種顏色(若不變更css的語法)，而且語法也有更動。

 Q:何謂badge(徽章)?
說明：徽章用來顯事計數，比如說在電子郵件里未讀的郵件數，行動設備應用的提醒。


改版後Bootstrap 3.0：

* Combine "badge" with "alert-*" to color them:

<span class="badge alert-info">123</span>
<span class="badge alert-danger">123</span>
<span class="badge alert-success">123</span>
<span class="badge alert-warning">123</span>



badge Heading 1 badge Heading 2 badge Heading 3 badge Heading 3


改版前Bootstrap 2.0：


默認1<span class="badge">1</span>
成功2<span class="badge badge-success">2</span>
警告4<span class="badge badge-warning">4</span>
錯誤6<span class="badge badge-error">6</span>
訊息8<span class="badge badge-info">8</span>
反向10<span class="badge badge-inverse">10</span>

相關資料來源：

yuchen

2 則留言:

  1. 匿名2017年7月25日 晚上11:53

    https://stackoverflow.com/questions/18730116/twitter-bootstrap-3-0-how-do-i-badge-badge-important-now

    回覆刪除
  2. ed meds2020年11月25日 中午12:00

    Hey there! I know this is kind of off topic but I was wondering if you knew where I could get a captcha plugin for my comment form? I'm using the same blog platform as yours and I'm having trouble finding one? Thanks a lot!

    回覆刪除

訂閱： 張貼留言 (Atom)