如何在 div 引导程序 4 中安装下拉列表

Question

我是 Bootsrap 4 的新手，我想在div 中放置下拉列表。 我使用 Bootstrap 4 编写了以下代码来实现上述内容，但它不起作用：

<div class="p-2 bg-info col-md-4">
<div class="dropdown">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
Dropdown
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Link 1</a> <a class="dropdown-item" href="#">Link
2</a> <a class="dropdown-item" href="#">Link 3</a>
</div>
</div>
</div>

Answer 1

在dropdown-menu上使用 Bootstrap 4w-100实用程序类，并btn-block使按钮全宽...

<div class="p-2 bg-info col-md-4">
<div class="dropdown">
<button type="button" class="btn btn-primary btn-block dropdown-toggle" data-toggle="dropdown">
Dropdown
</button>
<div class="dropdown-menu w-100">
<a class="dropdown-item" href="#">Link 1</a> <a class="dropdown-item" href="#">Link
2</a> <a class="dropdown-item" href="#">Link 3</a>
</div>
</div>
</div>

https://www.codeply.com/go/H1QUpWhQZD

---

另请参阅：
如何在引导 4 中使下拉菜单的宽度等于其父级的宽度 如何在导航栏中制作引导 4
全宽下拉菜单？