我想使用ScrollSpy突出显示我固定的Bootstrap Navbar中的活动链接，但我无法使其工作。有人可以解释我做错了吗？
<body data-spy="scroll" data-target="#topnav" data-offset="50">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><i class="fa fa-phone"></i> 0008 66 88 50 (alleen voor opdrachtgevers)</a>
</div>
<div class="collapse navbar-collapse" id="topnav">
<ul class="nav navbar-nav navbar-right">
<li><a href="#overmij">OVER MIJ</a></li>
<li><a href="#beschikbaarheid">BESCHIKBAARHEID</a></li>
<li><a href="#werkgebied">WERKGEBIED</a></li>
<li><a href="#tarieven">TARIEVEN</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div id="overmij">
<div class="container homepage">
<img src="images/myself.jpg" class="img-circle" alt="Test" width=20% height=20%>
<h2>Over mij</h2>
<hr>
<p>Test test test test test test test test test</p>
</div>
</div>