html - Bootstrap 4：下拉菜单不显示

Question

我正在尝试使用 Bootstrap 4 框架在表格元素中创建一个下拉列表。检查器显示 WP-Database 中的内容已正确加载，但它们仍然显示为灰色。即使我单击按钮，也不会改变。

所以基本上，下拉选项不会被显示/不会被触发。我哪里错了？

实际代码：

<td>
    <div class="dropdown">
        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Auswählen
        </button>
        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
        <?php
            foreach($players as $player):
                echo "<li class='dropdown-item'><a href='#'>$player->post_title</a></li>";
                endforeach;
        ?>
        </ul>
    </div>
</td>

标签： htmldrop-down-menubootstrap-4

Answer 1

这就是W3学校所说的。“将 .dropdown-menu 类添加到“div”元素以实际构建下拉菜单。” 我认为您需要将“ul”更改为“div”。