Меню навигационной панели не сворачивается

Я использую bootstrap для создания веб-сайта, и моя навигационная панель не разрушается. Любое решение, почему?

мои сценарии:

  link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  script defer src = "https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
  <script src = "scrolling.js"></script>

а также это

script type = "text/javascript">
     $(document).on('click','.navbar-collapse.in',function(e) {
    if ( $(e.target).is('a') && ( $(e.target).attr('class') != 'dropdown-toggle' ) ) {
        $(this).collapse('hide');
    }

и мой index.html

<nav class = "navbar navbar-inverse navbar-fixed-top">
    <div class = "container-fluid">
      <div class-"navbar-header">
          <button type = "button" class = "navbar-toggle" data-toggle = "collapse" data-target = "myNavbar">
            <span class = "icon-bar"></span>
            <span class = "icon-bar"></span>
            <span class = "icon-bar"></span>
          </button>
          <a class = "navbar-brand" href = "#"><img src = "img/_logo.png" style = "width:190px;height:75px;"></a>
        </div>
        <div class = "collapse navbar-collapse" id = "myNavbar">
          <ul class = "nav navbar-nav navbar-right">
            <li><a href = "#home">Strona główna</a></li>
            <li><a href = "#about">O nas</a></li>
            <li><a href = "#activ">Aktywność</a></li>
            <li><a href = "#offer">Oferta</a></li>
             <li><a href = "#contact">Kontakt</a></li>
          </ul> <!-end of navbar--->
        </div> <!-end of container--->
      </div> <!-end of nav->
  </nav>