html - 为什么我的下拉菜单需要点击两次才能打开？

Question

我正在使用 Bootstrap 4.3.1 制作网站，但在打开下拉菜单时遇到了一些问题。我在我的 div 中使用 Bootstrap 类“下拉列表”。

<div class="dropdown" style="float: right;">
    <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" style="float: right">
        "HAMLB"<span class="caret"></span>
    </button>
    <div class="dropdown-menu dropdown-menu-right">
        <a class="dropdown-item" href="#">HAMLB</a>
        <a class="dropdown-item" href="#">HAMLU</a>
        <a class="dropdown-item" href="#">HAMMB</a>
        <a class="dropdown-item" href="#">HAMRG</a>
    </div>
</div>

当我第一次打开页面或刷新页面时，我必须点击下拉菜单按钮两次才能打开它。选择某些内容或关闭菜单后，我只需单击一次按钮即可再次打开下拉菜单，正如预期的那样。

Answer 1

我已经检查了你的代码，它工作正常。您的问题很可能出在您的样式表中。你能展示你的 CSS 文件吗？