如何运用Bootstrap的徽章

2025-05-10 15:05:52

1、首先在建好的HTML页面中，引入bootstrap的样式文件，如下图所示

3、接下来我们调用bootstrap中的badge样式来定义一个徽章，如下图所示

5、接下来我们在定义一个列表导航，并且也加入徽章的样式，显示出来的效果如下图所示

7、综上所述，在bootstrap中应用徽章只需要定义badge样式即可，bootstrap会自动来给徽章应用颜色的

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。