Bootstrap 4 badge is not changing color

user_3922727 0
Viewed 18591

I am using bootstrap 4 and I want to create a badge with blue color so I used:

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

inside a table of class="table table-hover", and the result was the default badge color and not blue.

enter image description here

bootstrap-4 twitter-bootstrap
4 Answers

Use progress-bar instead of badge. For example :

<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>
user_61759580
Related