固定导航栏中的引导下拉菜单在平板电脑上没有反应答案

【问题标题】：Bootstrap dropdown in fixed navbar doesn't react on tablet固定导航栏中的引导下拉菜单在平板电脑上没有反应
【发布时间】：2018-09-09 14:38:06
【问题描述】：

很抱歉打扰你们，但是较旧的帖子（例如Bootstrap 4 navbar dropdown menu item not clickable on mobile devices）在这里不适合我。该特定线程中的给定提示已在我的代码中实现（见下文）。

我用下拉菜单创建了一个固定的导航栏。在桌面浏览器以及安卓手机上的移动浏览器上都非常出色，但是当涉及到平板电脑（也是安卓）时，汉堡菜单会展开，但不会打开任何下拉菜单。意思是：我可以点击汉堡菜单，它会打开，但下拉菜单保持不活动状态，点击时不会展开。

您可以尝试通过减小浏览器大小来重现错误，但这不会重现错误（因为在桌面和移动设备上一切正常）。另外：当我水平使用平板电脑时，没有达到汉堡菜单显示的断点。然后，奇怪的是，一切都很好，我可以浏览所有下拉菜单。我在这里一无所知，想向您展示相关代码。

        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">

            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                       <span class="sr-only">Toggle navigation</span>
                       <span class="icon-bar"></span>
                       <span class="icon-bar"></span>
                       <span class="icon-bar"></span>
                    </button>

                <a class="navbar-brand" href="http://www.xxx.de">
                    <span class="brandicon icon-target"></span>
                    <span class="brandname">Brandname</span>
                </a>
            </div>

            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a class="dropdown-toggle nav-link" href="#" role="button" id="navbarDropdown1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="btnicon icon-action-undo"></span>Früher<span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="link01.html">Antike</a></li>
                                <li><a href="link02.html">Mittelalter</a></li>
                            </ul>
                        </li>

                        <li class="dropdown">
                            <a class="dropdown-toggle nav-link" href="#" role="button" id="navbarDropdown2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="btnicon icon-frame"></span>Heute<span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="otherlink1.html">Some name</a></li>
                                <li><a href="otherlink2.html">Rechtslage</a></li>
                            </ul>
                        </li>               

                        <li class="dropdown">
                            <a class="dropdown-toggle nav-link" href="#" role="button" id="navbarDropdown3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="btnicon icon-direction"></span>Another text<span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="linkage1.html">Header1</a></li>
                                <li><a href="linkage2.html">Header2</a></li>
                            </ul>
                        </li>                                       


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

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

我不会引导，到目前为止，我没有丝毫暗示我在这里缺少什么。所有帮助将不胜感激。谢谢！

【问题讨论】：

标签： twitter-bootstrap menu navbar tablet

【解决方案1】：

一切都好 - 很抱歉打扰了。我实际上能够在我的桌面浏览器上重现错误，我的 CSS 搞砸了。有一些溢出问题，我可以消除但改变我的断点。

【讨论】：