Question

与此类似的堆栈溢出问题/答案对我不起作用。

浏览器窗口会减小宽度，直到下拉菜单选项卡被替换为汉堡包符号，该符号在单击时打开以显示菜单。问题在于，汉堡包符号需要第二次单击才能折叠，而不是单击显示的菜单之一即可折叠。

此问题以前已报告过。建议的脚本均无效。建议的解决方案（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>

Bootstrap 4 Navbar崩溃在点击时无法关闭

0 个答案: