Add custom jQuery code to add class ‘active’ into nav links

If your nav pane seems like that…

<div class="collapse navbar-collapse" id="navbarsExampleDefault">
 <ul class="navbar-nav mr-auto">
 <li class="nav-item active">
 <a class="nav-link" href="#first">First
 <span class="sr-only">(current)</span>
 </a>
 </li>
 <li class="nav-item">
 <a class="nav-link" href="#second">Link</a>
 </li>
 [---]

…then you can add active class to your nav links using this jQuery code

$(document).ready(function() {
$('#navbarsExampleDefault > ul > li').on('click', function() {
$('#navbarsExampleDefault > ul > li').removeClass("active");
$(this).addClass("active");
});
});

put this code into file js/active.js and add link to bottom of your index.html

 <script src="js/active.js"></script>