移动引导上的导航栏下拉菜单

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/

但是当您更新到最新的 Bootstrap（版本 2.2.2 或更高版本）时，应该会修复此问题，您可以在他们的 changelog 中阅读。

以下是此版本中新功能的概要：

...

下拉菜单：为移动设备上的下拉菜单添加了临时修复，以防止它们提前关闭。