angular - Bootstrap Dropdown 移动到左下角

Question

<div class="list-nav"><span>Application</span>
<span style="color:#a6a6a6">></span>
<div class="btn-group" dropdown>
<button dropdownToggle type="button" class="btn">
{{SelectedCluster}} <span class="caret"></span>
</button>
<ul *dropdownMenu class="dropdown-menu" role="menu">
<li *ngFor="let cluster of Clusters"  role="menuitem"><a class="dropdown-
item" href="/#/list/{{cluster}}">{{cluster}}</a></li>
</ul>
</div>
</div>

代码片段及其显示方式 我正在使用ngxbootstrap和编写下拉菜单angular。下拉按钮位于“”旁边>。我希望菜单会在按钮下方弹出。但是，它会在 Application span 下移动并弹出。我究竟做错了什么？

Answer 1

list-nav 破坏下拉定位的可能性很小，请尝试将其附加到正文 https://valor-software.com/ngx-bootstrap/#/dropdowns#container-body

如果有帮助，请尝试仅使用 html 和 css 重现您的下拉列表，如果问题仍然存在，请将其报告给 bootstrap css github repo