Question

我要使用aside和bootstrap创建一个左栏，我可以将下拉菜单显示在外面吗？我当前的代码在： 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的{{1}}基于类position: absolute和dropdown。因此，如果您想让position: relative显示在dropdown-menu之外，只需删除aside标签中的overflow-y:hidden。

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

如何将boostrap 4下拉菜单固定到外部<aside>？

1 个答案: