其他 - 使用Bootstrap 4的右上角的图标

.badge {
  display: inline-block;
  margin: auto 10px;
  padding: 10px 30px !important;
}

.fas {
  padding: .2rem .3rem;
  position: absolute;
  /* You may need to change top and right. They depend on padding/widht of .badge */
  top: -10px;
  right: -10px;
  background: green;
  border-radius: 50%;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0/css/all.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
<div class="tagset mt-5">
  <span class="badge bg-primary position-relative">User <i class="fas fa-user"></i></span>
  <span class="badge bg-primary position-relative">Add Me <i class="fas fa-plus"></i></span>
  <span class="badge bg-primary position-relative">Loss Me <i class="fas fa-minus"></i></span>
</div>