Bootstrap 4 导航栏下拉菜单链接

Posted

技术标签:

【中文标题】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 和标签,以便它们独立工作。

【讨论】:

以上是关于Bootstrap 4 导航栏下拉菜单链接的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap 4打开多个导航栏下拉菜单,无需切换

导航栏下拉菜单不适用于 Angular 和 Bootstrap 4

bootstrap 4下拉菜单导航栏用户首选项“欢迎,用户”

如何使用 Bootstrap 4 和 Angular 7 在导航栏中制作多级下拉菜单

如何在折叠的导航栏中默认打开 Bootstrap 3 下拉菜单

Bootstrap 3:如何在导航栏中使下拉链接的头部可点击