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
我似乎看不出是什么原因造成的。有人有想法吗?
这似乎是 Bootstrap 4 Alpha 6 中的一个已知问题。
在测试 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
我似乎看不出是什么原因造成的。有人有想法吗?
这似乎是 Bootstrap 4 Alpha 6 中的一个已知问题。