与此类似的堆栈溢出问题/答案对我不起作用。
浏览器窗口会减小宽度,直到下拉菜单选项卡被替换为汉堡包符号,该符号在单击时打开以显示菜单。问题在于,汉堡包符号需要第二次单击才能折叠,而不是单击显示的菜单之一即可折叠。
此问题以前已报告过。建议的脚本均无效。建议的解决方案(5)在每个下拉导航链接中使用data-target=".navbar-collapse"
成功地折叠了汉堡包符号,但使菜单停止工作。
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-secondary">
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent1" aria-
controls="navbarSupportedContent1" aria-expanded="false" aria-
label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent1">
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown 1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Contents</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown 1">
<a class="dropdown-item" href="#Contents">Contents</a>
</div>
</li>