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>

Code snippet along with how it displays 我正在使用ngxbootstrap和angular撰写下拉菜单。下拉按钮位于＆＃34; >＆＃34;旁边。我希望菜单在按钮下方弹出。然而，它在应用程序范围内移动并弹出。我究竟做错了什么？

Answer 1

list-nav打破下拉定位的可能性很小， 试着将它附加到身体上 https://valor-software.com/ngx-bootstrap/#/dropdowns#container-body

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