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并尝试在孤立的环境中解决问题。