ブートストラップ4折りたたむnavbarの問題 - 別の投稿からの明確化が必要

Question

折り畳まれたナビゲーションバー（モバイルでのみ表示される）を設定しようとしているので、誰かがそのトグルやトグル自体、ページ、ナビゲーションバーが閉じます。 私はこの質問を見てきましたが、私は、スタックオーバーフローかなり新しいユーザーとしてコメントし、それについて尋ねることができません： How to hide collapsible Bootstrap 4 navbar on click

トップの答えはJavaScriptソリューションが動作しませんでした、と私は適用されたときにdata-toggle & data-targetをリンクに追加すると、nav barを閉じることができますが、リンク先はどこでもなくなります（ページの下側にリンクされています）。

私はこの質問の他のバージョンも見てきましたが、一般的には順序付けられていないリストを使用しているナビゲーションバーに向けられているため、javascriptソリューションは機能しませんでした。私は私のニーズに合わせてJSを編集しようとしましたが、うまくいきませんでした。それらは一般的に鉱山ではありません順不同リストを、使用しているナビゲーションバーをターゲットにしているので

<nav class="navbar navbar-inverse navbar-toggleable-sm fixed-top" style="box-sizing:border-box;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;" id="mainNav"> 

     <div class="container" style="box-sizing:border-box;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;"> 

     <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle Navigation"> 
      <span class="navbar-toggler-icon"></span> 
      </button> 

     <a class="navbar-brand mr-auto js-scroll-trigger" href="#page-top">Logo</a> 

      <div class="collapse navbar-collapse ml-auto" id="navbarResponsive" style="box-sizing:border-box;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;"> 

      <div class="navbar-nav navMenuBox"> 
      <a class="nav-item nav-link navmenu js-scroll-trigger" href="#howto" data-toggle="collapse" data-target=".navbar-collapse.show">How to Use</a> 
      <a class="nav-item nav-link navmenu js-scroll-trigger" href="#mappy">Map</a> 
      <a class="nav-item nav-link navmenu js-scroll-trigger" href="#about">About</a> 
      </div><!--navbar-nav--> 
     </div><!--collapse--> 


     </div><!--container--> 
    </nav> 

Answer 1

javascriptのソリューションは、働いていません。

事前に修正されたjavascriptを表示できますか？おそらく最も簡単な解決策は、あなたの注文リストをターゲットにすることでしょう。ここ