Bootstrap 4 使用Bootstrap 4在上角显示图标

嗨，我正在尝试在跨度的右上角添加一个图标

但我想不出来

有人能帮忙吗

<div class="tagset">
<span class="badge badge-grey">User <i class="fas fa-user"></i></span>
<span class="badge badge-grey">Add Me <i class="fas fa-plus"></i></span>
<span class="badge badge-grey">Loss Me <i class="fas fa-minus"></i></span>
</div>

使用者
加我
失去我

正在查找类似下图的内容：

---

Boostrap-4确实有

.class

用于这种情况。因此，您需要编写一些自定义CSS

在图标上使用

position:relative

和

position:absolute

元素

.badge{
显示：内联块；
保证金：自动10px；
填充：10px 30px！重要；
}
.fas{
填充：.2rem.3rem；
位置：绝对位置；
/*您可能需要更改顶部和右侧。它们取决于.badge的填充/宽度*/
顶部：-10px；
右：-10px；
背景：绿色；
边界半径：50%；
}

使用者
加我
失去我