Bootstrap菜单不一致的问题

Question

每隔一段时间我的第二级链接就不起作用了。我会说他们工作的10次中有8次。当菜单不起作用时，控制台没有显示任何错误，并且它非常不一致。

无论如何，这是第二级的Bootstrap代码。任何人都可以看到这件事是否导致了这个问题吗？

<li class="dropdown">
    <a href="#" class="dropdown-toggle" role="button" aria-expanded="false" data-toggle="dropdown">Restaurants</a>
    <ul class="dropdown-menu">
    <li><a href="/asian.php">Asian</a></li>
    <li><a href="/american.php">American</a></li>
    <li><a href="/mexican.php">Mexican</a></li>
    </ul>
    </li>

Answer 1

您发布的代码看起来不错。你正在处理另一个问题。以下是您应该查看的几件事。

1. 如果您是从cdn或服务器加载，请查看Chrome工具网络标签以确认您的css和js文件正确加载。可能是延迟问题。
2. 添加默认导航栏并尝试查看它是否同时存在同一问题，如果工作正常，则说明该代码段之外的代码存在问题。复制所有导航栏代码，创建一个codepen并尝试在隔离环境中修复问题。