导航栏上的导航栏下拉引导程序

Question

使用移动设备（触摸）时，导航栏中的导航栏出现问题。

如果我使用的是计算机，导航栏可以正常工作，但如果是触摸设备，则尝试选择某个选项时将隐藏下拉菜单。

<div class="navbar navbar-inverse"> 
    <div class="navbar-inner"> 
     <div class="container"> 
         <!-- .btn-navbar is used as the toggle for collapsed navbar content --> 
         <a class="btn btn-navbar" data-toggle="collapse" 
          data-target=".nav-collapse"> <span class="icon-bar"></span> 
          <span class="icon-bar"></span> <span class="icon-bar"></span> 
         </a> 

         <!-- Be sure to leave the brand out there if you want it shown --> 
         <a class="brand" href="/webga/index/index">Inicio</a> 

         <!-- Everything you want hidden at 940px or less, place within here --> 
         <div class="nav-collapse"> 
          <ul class="nav"> 
           <li class="dropdown"><a href="#" class="dropdown-toggle" 
            data-toggle="dropdown" data-target=".nav-collapse"> 
             Cadastros <b class="caret"></b> 
           </a> 
            <ul class="dropdown-menu"> 
             <li><a href="<c:url value="/empresa/novaEmpresa"/>">Empresa</a></li> 
             <li><a 
              href="<c:url value="/empreendedor/novoEmpreendedor"/>">Empreendedor</a></li> 
             <li><a 
              href="<c:url value="/empreendimento/novoEmpreendimento"/>">Empreendimento</a></li> 
             <li><a href="<c:url value="/atividades/novaAtividade"/>">Atividades</a></li> 
             <li><a 
              href="<c:url value="/subatividade/novaSubAtividade"/>">Sub-Atividades</a></li> 
             <li><a 
              href="<c:url value="/responsavel/novoResponsavel"/>">Responsavel 
               Técnico</a></li> 
             <li><a 
              href="<c:url value="/documentacao/novaDocumentacao"/>">Documentações</a></li> 
            </ul></li> 
          </ul> 
          <ul class="nav"> 
           <li class="dropdown"><a href="#" class="dropdown-toggle" 
            data-toggle="dropdown"> Consultas <b class="caret"></b></a> 
            <ul class="dropdown-menu"> 
             <li><a href="<c:url value="/processos/pesquisa"/>">Processos</a></li> 
             <li><a href="<c:url value="/subatividade/lista"/>">SubAtividades</a></li> 
             <li><a href="<c:url value="#"/>">Legislações</a></li> 
             <li><a href="<c:url value="#"/>">Documentos</a></li> 
            </ul></li> 
          </ul> 
          <ul class="nav"> 
           <li class="dropdown"><a href="#" class="dropdown-toggle" 
            data-toggle="dropdown"> Solicitações <b class="caret"></b></a> 
            <ul class="dropdown-menu"> 
             <li><a href="<c:url value="#"/>">Licensa 
               Ambiental/Florestal</a></li> 
             <li><a href="<c:url value="#"/>">Declaração de 
               isenção de licensa</a></li> 
            </ul></li> 
          </ul> 
          <ul class="nav"> 
           <li class="dropdown"><a href="#" class="dropdown-toggle" 
            data-toggle="dropdown"> Relátorios <b class="caret"></b></a> 
            <ul class="dropdown-menu"> 
             <li><a href="<c:url value="#"/>">Lista de 
               Atividades/Sub-Atividades</a></li> 
             <li><a href="<c:url value="#"/>">Solicitações por 
               Empreendedor</a></li> 
             <li><a href="<c:url value="#"/>">Solicitações por 
               Empreendimento</a></li> 
             <li><a href="<c:url value="#"/>">Solicitações por 
               Atividade</a></li> 
             <li><a href="<c:url value="#"/>">Estatística por 
               Atividade</a></li> 
             <li><a href="<c:url value="#"/>">Relação dos 
               Usuarios</a></li> 
             <li><a href="<c:url value="#"/>">Relação de 
               Empreendedores e seus Empreendimentos</a></li> 
            </ul></li> 
          </ul> 
          <ul class="nav"> 
           <li class="dropdown"><a href="#" class="dropdown-toggle" 
            data-toggle="dropdown"> Ajuda <b class="caret"></b></a> 
            <ul class="dropdown-menu"> 
             <li><a href="<c:url value="#"/>">Informações</a></li> 
             <li><a href="<c:url value="#"/>">Suporte</a></li> 
            </ul></li> 
          </ul> 
          <ul class="nav"> 
           <li class="dropdown"><a href="#" class="dropdown-toggle" 
            data-toggle="dropdown"> Sistema <b class="caret"></b></a> 
            <ul class="dropdown-menu"> 
             <li><a href="<c:url value="/usuario/alterarSenha"/>">Alterar 
               Senha</a></li> 
            </ul></li> 
          </ul> 
          <ul class="nav pull-right"> 
           <li class="pull-right"><a href="<c:url value="/logout"/>">Logout</a></li> 
          </ul> 
         </div> 

        </div> 
       </div> 
      </div> 

任何帮助表示赞赏。谢谢

Answer 1

你可能没有更新到最新的Bootstrap呢，是吗？

我写了一篇博客文章，包括针对此问题在这里临时修复： http://forwebonly.com/fix-for-twitter-bootstrap-dropdown-on-ipad-and-iphone/

但是，当你更新到最新的引导（2.2.2或更高版本），这个问题应该是固定的，因为你可以阅读他们的changelog。

下面是关于什么是此版本的新概要：

...

下拉框：临时的解决办法增加了对手机的下拉列表中，以防止它们提早打烊。