Bootstrap 4徽章没有改变颜色

Question

我正在使用bootstrap 4，并且想创建一个蓝色的徽章，所以我使用了：

<td><a href="patient_history.php?pid=<?php echo $patient['patient_id']; ?>"><i class="badge badge-info">Edit History</i></a></td>

在的表格中class="table table-hover"，结果是默认的徽章颜色而不是蓝色。

Answer 1

使用.label-pill代替。

<span class="label label-pill label-primary">Primary</span>

在您的CSS中复制以下行，然后重试

.label-as-badge {
    border-radius: 1em;
}

您的问题似乎已经有了答案，请尝试以下链接：

如何在Bootstrap-4中使用.label-pill类

Answer 2

使用进度条代替徽章。例如 ：

<i class="badge progress-bar-info">Edit History</i>

<span class="badge progress-bar-success">Active</span>
<span class="badge progress-bar-danger">Inactive</span>