前提・実現したいこと
htmlでbootstrapを使ってウェブページを制作しています。そこでscroll spyを使いたいと思い、調べた通りにやってみたのですがなぜか動きません。スペルミス等も確認できなかったのですが何が足りないのでしょうか?
該当のソースコード
html
1<body data-spy="scroll" data-target="#navbarResponsive"> 2<!--- Start Home Section ---> 3 <div id="home"> 4 <!-- Navigation --> 5 <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top"> 6 <a href="#" class="navbar-brand"><img src="img/nuno.png" alt=""></a> 7 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"> 8 <span class="navbar-toggler-icon"></span> 9 </button> 10 11 <div class="collapse navbar-collapse" id="navbarResponsive"> 12 <ul class="navbar-nav ml-auto"> 13 <li class="nav-item"> 14 <a href="#home" class="nav-link">Home</a> 15 </li> 16 <li class="nav-item"> 17 <a href="#course" class="nav-link">Course</a> 18 </li> 19 <li class="nav-item"> 20 <a href="#features" class="nav-link">Features</a> 21 </li> 22 <li class="nav-item"> 23 <a href="#resources" class="nav-link">Resources</a> 24 </li> 25 <li class="nav-item"> 26 <a href="#clients" class="nav-link">Clients</a> 27 </li> 28 <li class="nav-item"> 29 <a href="#contact" class="nav-link">Contact</a> 30 </li> 31 </ul> 32 </div> 33 </nav> 34 <!-- End Navigation--> 35 <div id="cource"> 36 ... 37 </div> 38. 39. 40. 41</body>
試したこと
ulタグのクラスにnav-pillsを追加したらそれっぽいのは出てきましたが今回は使わない方向でお願いします。方向性としては以下の動画の通りになります。
補足情報(FW/ツールのバージョンなど)
参考にした動画: https://www.youtube.com/watch?v=V_lAhqLXT9A
HTML,Bootstrap共に最新です。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。