Bootstrap5徽章組件：簡潔標籤與狀態標識

Bootstrap5的徽章組件是網頁設計中標識內容狀態、分類或提示的實用工具，體積小、樣式統一，支持多色和多尺寸。使用時需先引入Bootstrap5 CSS，基礎用法爲`<span class="badge bg-*">內容</span>`，如`bg-primary`（藍色）、`bg-success`（綠色）等。 它支持多種樣式：顏色變體通過`bg-*`類實現（如紅、黃、灰等）；大小調整用`badge-sm`（小號）、`badge-lg`（大號）；藥丸形狀（`badge-pill`）更醒目，適合通知數量等場景。 常見場景包括：通知數量提示（如按鈕旁紅色小圓點數字）、分類標籤（商品“熱門”“新品”）、導航欄未讀提示及列表項狀態標記。使用時需注意語義化（用`<span>`）、顏色對比、避免過度使用，保持信息簡潔直觀。