Bootstrap中怎么使用徽章圖標(biāo)組件？下面本篇文章通過代碼實(shí)例給大家講解一下Bootstrap5 Badge徽章圖標(biāo)組件的用法，希望對(duì)大家有所幫助！

1 徽章（Badge）的結(jié)構(gòu)

徽章通常用于導(dǎo)航欄、標(biāo)題、按鈕、頭像右側(cè)的一個(gè)小區(qū)域，用于計(jì)數(shù)（如n條未讀消息）或標(biāo)識(shí)新發(fā)布new、熱門hot等。通過使用相對(duì)字體大小和em單位，徽章可以縮放以匹配直接父元素的大小。從Bootstrap5開始，徽章不再具有鏈接的焦點(diǎn)或懸停樣式?！?/p>