<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item mx-4">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
i am attempting to modify the color of the active nav link in Bootstrap. However, my code is not producing the desired effect. Can someone please provide guidance or corrections on this issue?
.navbar-nav > .active > a {
color: #28A745;
}