在图标上添加迷你图标

Question

我需要放一个红色的迷你图标，作为这个图标的计数器：

<i class="fa fa-exclamation-triangle"></i>

显示确定字段值的问题数

Answer 1

我不确定您是否在使用 bootstrap。那会很好，但无论如何，我使用 Bootstrap 作为我的答案只是为了使用徽章 class 但您可以根据需要设置徽章 class 的样式。所以不要指望徽章 class 在没有 Bootstrap 的情况下也能正常工作（仅在样式、圆角等方面）

无论如何，您需要将您的号码或您在 span 标签中的图标上使用的任何内容括起来，并通过相对定位和一些调整来定位它。

这是 css :

  .badge{
     vertical-align:top;
     position:relative;
     right:12px;
     background:red;
  }

而here是工作代码

Adding mini icon over an icon