Bootstrap 4 导航栏下拉菜单链接

Posted 2023-05-08

【中文标题】Bootstrap 4 导航栏下拉菜单链接

【英文标题】：Bootstrap 4 Navbar Dropdown Menu Links

【发布时间】：2020-03-25 08:55:04

【问题描述】：

我有一个令我困惑的导航栏。汉堡菜单打开得很好，下拉列表也打开得很好，但下拉列表中的链接不可点击。当我单击它时，它会再次关闭。台式机和移动设备的行为相同。我从博主的教程中获得了代码。这是我的链接，其中包含博主的股票代码。博主使用的引导程序是 4.2 版本，但我也尝试使用 4.4 版本，但无济于事。

Navbar menu link 单击汉堡菜单，然后单击类别以打开下拉菜单。我有一个名为 TEST LINK 的链接，它是一个有效的链接，但它不起作用。

任何指导或修复将不胜感激。 谢谢。

【问题讨论】：

确保您已导入所有引导 css 和脚本。之后还要确保链接有路径可以转到某个页面。否则它只会在你的 URL 中显示一个“#”符号，什么都不会发生。

谢谢罗汉。我已经用解决方案回答了我自己的问题。再次感谢您。

【参考方案1】：

如果发现data-toggle="dropdown" 放错了地方。我将它从列表标签移动到锚标签。我还为每个下拉菜单添加了特定的 ID 和标签，以便它们独立工作。