Bootstrap中徽章(badge)如何使用

 时间:2026-04-30 22:17:40

1、打开HBuilder X,新建一个项目。

Bootstrap中徽章(badge)如何使用

2、打开新建项目中的JS中的index.html,如图所示:

Bootstrap中徽章(badge)如何使用

3、引入JQuery,如图所示:

Bootstrap中徽章(badge)如何使用

4、引入bootstrap:

Bootstrap中徽章(badge)如何使用

5、使用徽章,只需要把 <span class="badge"> 添加到链接、Bootstrap 导航等这些元素上即可。

这里以未读邮件为例:

Bootstrap中徽章(badge)如何使用

6、在游览器中运行结果:

Bootstrap中徽章(badge)如何使用

  • DataFrame的汇总计算和描述统计(2)
  • VS如何查看System的定义
  • 游览顺序图怎么设置
  • php如何修改数组内的值
  • 赛尔号联盟审判怎么玩?战神联盟终极奥义是什么
  • 热门搜索
    冻豆腐的做法大全 莴苣怎么做好吃又简单 哺乳期怀孕怎么办 蛏子的做法大全 牛肉丸子汤的做法 鳕鱼的做法大全家常 里脊肉的做法大全 萝卜烧肉的家常做法 炖鱼汤的做法 怎么分辨例假推迟和怀孕