html - dropdown-menu with jquery 1.11.0 and bootstrap 3.3.1 -

i'm trying fix problem in 1 website dropdown menu jquery 1.11.0 , bootstrap 3.3.1.

what doing wrong?

<nav class="navbar navbar-inverse" role="navigation">     <div class="navbar-header">         <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">             <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 id="main-nav" class="collapse navbar-collapse navstyle">         <ul class="nav navbar-nav" id="mainnav">             <li class="active"><a href="#home" class="scroll-link">home</a></li>             <li><a href="#menu01" class="scroll-link">menu 01</a></li>             <li><a href="#menu02" class="scroll-link">menu 02</a></li>             <li class="dropdown">                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">o que fazemos<b class="caret"></b></a>                 <ul class="dropdown-menu" role="menu">                     <li><a href="#oquefazemos">submenu 01</a></li>                     <li><a href="#oquefazemos">submenu 02</a></li>                     <li><a href="#oquefazemos">submenu 03</a></li>                 </ul>             </li>             <li><a href="#menu03" class="scroll-link">menu 03</a></li>             <li><a href="#menu04" class="scroll-link">menu 04</a></li>         </ul>     </div> </nav> 

you're missing </li> @ menu item 02. fixed , indentation, , dropdown oquefrazemos working in chrome.