Links in Bootstrap

Question

I want to change the link color(Home) when I am on that page and so on for other links.

<ul class="nav navbar-nav">
<li class="nav-item" role="presentation">
<a class="nav-link" href="index.html">Home</a>
</li>
</ul>

Answer 1

.nav-item .nav-link{
color: #f00 !important;
}

Answer 2

Use the class :active{your css}

Answer 3

Jaydeep Khatri it is not working. The new color is applied to all links before even I am clicking them.
You can check the code here
https://code.sololearn.com/WpX7nYUdhlaC/?ref=app