淺析Bootstrap中怎么使用徽章圖標組件

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

1 徽章（Badge）的結構

徽章通常用于導航欄、標題、按鈕、頭像右側的一個小區域，用于計數（如n條未讀消息）或標識新發布new、熱門hot等。通過使用相對字體大小和em單位，徽章可以縮放以匹配直接父元素的大小。從Bootstrap5開始，徽章不再具有鏈接的焦點或懸停樣式。【