bootstrap如何制作徽章,bootstrap v5,bootstrap icons
Bootstrap 5是一个流行的开源前端框架，用于快速构建现代化的响应式网站和应用程序。BS5徽章（Badge）是Bootstrap提供的一种简单而灵活的UI组件，用于在网页上显示文本标签或数字。它通常用于显示计数器、状态信息或者提醒用户某些重要信息。

BS5徽章可以使用内置的样式类来控制其外观和颜色，例如"badge-primary"表示蓝色背景的徽章，"badge-danger"表示红色背景的徽章，以此类推。BS5徽章还可以嵌套在其他组件中，如按钮、导航栏等。

下面是一个显示当前未读邮件数量的BS5徽章示例：

html
<a href="#" class="btn btn-primary">
Inbox <span class="badge bg-secondary">3</span>
</a>


这里的".btn"表示按钮样式，".btn-primary"表示主要按钮样式，而".badge"和".bg-secondary"则表示徽章的样式和背景颜色。通过嵌套在按钮中，我们可以将未读邮件数量与按钮标签相关联。