Bootstrap 4：汉堡菜单中有两个下拉菜单的问题

Question

在测试 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>

如果我缩小窗口以获取汉堡菜单，如果 dropdown1 已打开，则不会显示 dropdown2。我在 BS3 上没有得到相同的行为，或者如果我打开了 dropdown2 并单击 dropdown1

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

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

Answer 1

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

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