Bootstrap4:在Burgermenu中有两个下拉列表的问题

Question

在测试BS4（v4.0.0-alpha.6）时，我偶然发现了标准模板示例上的一个奇数问题，我通过添加另一个下拉列表（dropdown2）稍微修改了它，在原始模板旁边进行了修改。一个（下拉1）。

    <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>

如果我收缩窗口以获取burgermenu，则如果下拉1已经打开，则将显示下拉2。我在BS3上没有相同的行为，或者如果我的下拉2打开并单击下拉1

我似乎看不到是什么原因引起的。有人有一个主意吗？

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

Answer 1

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

您可以在这里进行跟踪：https：//github.com/twbs/bootstrap/issues/21941