Menu page active

Bonsoir à tous !

j'essaye de créer un menu en php, et de faire en sorte que le bouton de ma page active soit différent des autres.

je viens de le faire mais cela ne fonctionne pas, je pense qu'il faut changer le CSS BOOTSTRAP !!!

juste une remarque la barre de menu est dans un include

voici mon code PHP suivis du CSS

<ul class="nav navbar-nav navbar-right">

<?php

$page = $_SERVER['PHP_SELF'];
?>

<li <?php if($page=="index.Php") echo'class="active"'; ?>><a href="index.php" rel="nofollow noopener noreferrer" target="_blank">Ini</a></li>
<li <?php if($page=="qui.Php") echo'class="active"'; ?>><a href="qui.php" rel="nofollow noopener noreferrer" target="_blank">Qui</a></li>


<li <?php if($page=="dom.Php") echo'class="active"'; ?>><a href="dom.php" rel="nofollow noopener noreferrer" target="_blank">Dom</a></li>
<li <?php if($page=="contacte.Php") echo'class="active"'; ?>><a href="contacte.php" rel="nofollow noopener noreferrer" target="_blank">Contacte</a></li>

</ul>

voici les CSS que j'ai essayé mais ça ne marche pas ???

.active {
background-color: white !important;

}

.navbar-inverse .navbar-nav .active > li > a {
background-color: white !important;

}

.active > a {
background-color: white !important;

}

.active {
background-color: white !important;

}

merci infiniment pour votre aide