如何修复不起作用的引导程序下拉菜单

时间:2019-01-08 17:15:15

标签: html css bootstrap-4

我一直在使用bootstrap下拉代码作为模板,并且到目前为止一直在工作。我确保每件事都是最新的,现在我的所有下拉菜单都无法正常工作。

我尝试将引导程序代码直接粘贴到我的网站上,但仍然无法正常工作。我更新了主题,但现在它坏了。

它已经工作了几周,现在已经停止工作了。

<button class="btn btn-secondary dropdown mb-4" type="button" id="modelDropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="float-left" id="current-model">Finish</span>
    <span class="float-right"><i class="fas fa-sort-down"></i></span>
</button>

<div class="model-filter dropdown-menu" aria-labelledby="modelDropdownMenuButton">
    <a class="dropdown-item all-models" href="#">Finish</a>
    <a class="dropdown-item" href="#">Paint</a>
    <a class="dropdown-item" href="#">Stain</a>
</div>

我希望在单击时打开下拉列表

1 个答案:

答案 0 :(得分:0)

这是popper.js的问题。我只需要在关闭正文之前添加popper.js行。

有人知道为什么在更新时会发生这种情况吗?