如何修复bootstrap 4下拉菜单到外面 ？

Question

我使用旁边和引导程序创建一个左栏，我可以向外面显示下拉菜单吗？我目前的代码：https://jsfiddle.net/q79w5zbj/3/

<aside>(this button dropdown)<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
  <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>

我想把外面的下拉菜单放在一边，我的代码怎么了？

Answer 1

dropdown-menu有position: absolute基于dropdown类与position: relative。因此，如果你想在dropdown-menu之外展示aside，只需删除overflow-y:hidden标签中的aside。

示例：https://jsfiddle.net/1hrvx9L3/