Responsive bootstrap menu does not close when clicking

1

I wonder why the bootstrap menu on mobile devices does not close when you click the menu. It opens normally, but if the user wants to close, it does not close.

Access link: www.paddock.eco.br

Menu Code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><!--LatestcompiledandminifiedCSS--><linkrel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<nav id="topNav" class="navbar navbar-default navbar-fixed-top">
   <div class="container-fluid">
      <div class="navbar-header">
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar">
           <span class="sr-only">Toggle navigation</span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
         </button>  
       </div>
       <div class="navbar-collapse collapse" id="bs-navbar">
        <ul class="nav navbar-nav">
          <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">SERVIÇOS <span class="caret"></span></a>
    	      <ul class="dropdown-menu">
    		<li><a href="#one">Detalhamento Automotivo</a></li>
    		<li><a href="#two">Polimento Paddock</a></li>
    		<li><a href="#three">Pacotes Carro</a></li>
    		<li><a href="#four">Pacotes Moto</a></li> 
              </ul>
    	   </li>
           <li>
              <a class="page-scroll" href="#last">Contatos</a>
           </li>
         </ul>
       </div>
     </div>
  </nav>
    
asked by anonymous 06.01.2017 / 01:51

1 answer

0

look at this error because of bootstrap version and JS version use the requested version in the documentation and not the one you already have in your project        

<!-- HTML5 shim e Respond.js para suporte no IE8 de elementos HTML5 e media queries -->
<!-- ALERTA: Respond.js não funciona se você visualizar uma página file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script><scriptsrc="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

       

Hello world!

<!-- jQuery (obrigatório para plugins JavaScript do Bootstrap) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script><!--Incluitodosospluginscompilados(abaixo),ouincluaarquivosseparadadossenecessário--><scriptsrc="js/bootstrap.min.js"></script>

    
27.09.2017 / 15:39