为什么我的下拉菜单需要单击两次才能打开?

时间:2019-07-24 15:54:50

标签: html css drop-down-menu bootstrap-4

我正在使用Bootstrap 4.3.1创建网站,但在打开下拉菜单时遇到了一些麻烦。我在div中使用了引导类“下拉”。

<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>

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

1 个答案:

答案 0 :(得分:0)

我已经检查了您的代码,它可以正常工作。您的问题很可能在样式表中。您可以显示CSS文件吗?