在图标上添加迷你图标

Question

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

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

显示确定字段值的题数。

Answer 1

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

无论如何，您需要将您的号码或您正在使用的任何东西放在一个跨度标签中的图标上，并通过相对定位和一些调整来定位它。

这是css：

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

而here 是工作代码