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

Bootstrap4：burgermenu中有两个下拉菜单的问题

1 个答案: