Problemas com menu (Bootstrap)

Bom dia.

Estou fazendo um site onde utilizo Bootstrap e meu menu está assim:

<!-- Navigation -->

 <nav class=" navbar-inverse navbar-default" style="z-index:1000000 !important;">

 <div class="navbar-header">
 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 <span class="sr-only">Toggle navigation</span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 </button>
 <!-- Logo -->
 <div class="logo">
 <a class="navbar-brand" href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
 </div>
 <!-- //Logo -->
 </div>

 <div id="navbar" class="navbar-collapse navbar-right collapse">
 <ul class="nav navbar-nav navbar-right">
 <li><a class="cross-effect" href="index.html">Home</a></li>
 <li><a class="cross-effect" href="#missao">Quem somos</a></li>
 <li><a href="produto.html" target="_blank">Produtos</a></li>
 <li><a class="cross-effect" href="qualidade.html">Qualidade</a></li>
 <li><a class="cross-effect" href="#contact">Contato</a></li>
 </ul>
 </div><!-- //Navbar-Collapse -->

 </nav>
 <!-- //Navigation -->

Ao passar um link dentro da ul assim:

<li><a href="produto.html" target="_blank">Produtos</a></li>

O mesmo não direciona para a página.

Se eu retirar class="navbar ...", funciona.

O que pode estar ocorrendo.

Agradeço desde já quem puder me ajudar.