私のウェブサイトにscrollspyものを追加しようとしましたが、まだ動作していません。そのセクションにあるときにナビゲーションバーのリンクをハイライトしません。これはscrollspyの機能で、問題を把握できませんでした。私はコードを貼り付けて、どこが間違っているのか理解しやすくします。ScrollSpyが私のウェブサイトで動作していません
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation -->
<nav id="mainNav" class="navbar navbar-fixed-top">
<div class="container">
<a class="navbar-brand page-scroll" href="#page-top" style=" font-family: 'Lobster Two', cursive, serif;font-size:25px">my website</a>
<button class="btn btn-primary btn-toggle hidden-md-up float-xs-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">Menu <i class="fa fa-bars"></i></button>
<!-- Navigation Bar List Contents -->
<div class="clearfix hidden-md-up"></div>
<div class="collapse navbar-toggleable-sm" id="navbarResponsive">
<ul class="nav navbar-nav float-md-right">
<li class="nav-item">
<a class="nav-link page-scroll" href="#about">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#sample">Sample Article</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#topics">Topics</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#whyus">Why Choose Us</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#contact">Contact</a>
</li>
<li>
<a href="form.php" class="btn btn-md btn-info btn-block" role="button">Order now</a>
</li>
</ul>
</div>
</div>
</nav>
断面積
<!-- Start About Us Section -->
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-xs-center">
<h2 class="section-heading" style="color: black">About Us</h2>
</div>
</div>
<div class="row">
<div class="col-lg-12">
hello world
</div>
</div>
</div>
</section>
<!--End About Us-->