在图标上添加迷你图标

Question

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

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

显示确定字段值的问题数。

Answer 1

我不确定你是否使用了bootstrap。那会很好，但无论如何，我使用Bootstrap作为我的答案只能使用徽章类，但你可以随意设置徽章类的样式。所以不要期望徽章类可以在没有Bootstrap的情况下工作（仅限造型，圆角等）

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

这是css：

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

here是工作代码