ナビゲーションバーのページ遷移後の反映について

上記のページのtest2を押した後に、test2のページに飛んだ後、test1が光ったままで、test2が光りません。
ページ遷移後にtest2が光ったままになるようにしたいのですが、前提知識が不足していて、どこを編集したら良いかわかりません。きっかけでも良いので、ご教授いただけたら幸いです。
なお、コードはbootstrapから取ってきております。

自分のコード

html
1<!doctype html>
2
3<html lang="ja">  
4
5 <head>
6   <!-- Required meta tags -->
7   <meta charset="utf-8">
8   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9
10   <!-- Bootstrap CSS -->
11   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
12
13   <title>Hello, world!</title>
14 </head>
15
16
17        <nav class="navbar navbar-expand-lg navbar navbar-dark bg-dark">
18        
19
20                <a class="navbar-brand" href="#">ホームページ</a>
21                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
22                  <span class="navbar-toggler-icon"></span>
23                </button>
24              
25                <div class="collapse navbar-collapse" id="navbarSupportedContent">
26                  <ul class="navbar-nav mr-auto">
27                    <li class="nav-item active">
28        
29        
30                      <a class="nav-link" href="#">test 1 <span class="sr-only">(current)</span></a>
31                    </li>
32                    
33                    <li class="nav-item">
34
35                      <a class="nav-link" href="#">test 2</a>
36                    </li>
37
38                  </ul>
39   
40                </div>
41              </nav>
42
43
44 <body>
45  
46
47   <!-- Optional JavaScript -->
48   <!-- jQuery first, then Popper.js, then Bootstrap JS -->
49   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
50   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
51   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
52 </body>
53</html>