Bootstrap v3.3.6 Dropdown not working with mobile menu

http://stackoverflow.com/questions/37251486/bootstrap-v3-3-6-dropdown-not-working-with-mobile-menu

by ManuJT

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<nav class="navbar navbar-default">
  <div class="container-fluid">
 
  <div class="collapse navbar-collapse"><!-- Start Navbar collapse-->
    <ul class="nav navbar-nav">           
           <li class="dropdown">
                <a id="translate01" href="#" class="dropdown-toggle move multiselect" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Product<span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                   <li><a class="page-scroll move" href="#product">Description</a></li>
                   <li role="separator" class="divider"></li>
                   <li><a id="translate39" class="page-scroll move" href="#compat">Compatibility</a></li>
                </ul>    
           </li>
           </ul>
           
  </div><!-- /.navbar-collapse -->
  </div>
</nav>