Bootstrap 4:汉堡菜单中有两个下拉菜单

Bootstrap4: issue with two dropdowns in burgermenu

在测试 BS4 (v4.0.0-alpha.6) 时,我偶然发现了标准模板示例中的一个奇怪问题,我通过在原始下拉列表 (dropdown1) 旁边添加另一个下拉列表 (dropdown2) 对其进行了轻微修改。

    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown 1</a>
      <div class="dropdown-menu" aria-labelledby="dropdown01">
        <a class="dropdown-item" href="#">Action</a>
        <a class="dropdown-item" href="#">Another action</a>
        <a class="dropdown-item" href="#">Something else here</a>
      </div>
    </li>
    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown02" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown 2</a>
      <div class="dropdown-menu" aria-labelledby="dropdown02">
        <a class="dropdown-item" href="#">Action</a>
        <a class="dropdown-item" href="#">Another action</a>
        <a class="dropdown-item" href="#">Something else here</a>
      </div>
    </li>
  </ul>

如果我缩小 window 以获得 burgermenu,如果 dropdown1 已经打开,dropdown2 将不会显示。我在 BS3 上没有得到相同的行为,或者如果我打开了 dropdown2 并单击 dropdown1

我似乎看不出是什么原因造成的。有人有想法吗?

JSfiddle:https://jsfiddle.net/kimemax/dg2375bb/1/

这似乎是 Bootstrap 4 Alpha 6 中的一个已知问题。

您可以在这里追踪:https://github.com/twbs/bootstrap/issues/21941