html按钮组下拉列表无法使用引导

我正在为cs50的web曲目制作一个网页，我希望能有选择进入下一页/上一页，并有一个下拉菜单，其中所有页面都在中间，但使用bootstrap的代码，下拉菜单根本不起作用

这是我的密码：

我的网页
你好，主页
-
下拉列表
->

如果只包含css boostrap文件，则只会获得样式化组件和一些基本动画，如悬停时出现的动画

但是，要进行更复杂的交互，如展开下拉列表，还需要在body标记的末尾附加JavaScript文件（以便在加载页面上的所有元素时加载这些文件）

这是一个固定的例子。我只添加了所需的JavaScript文件

我的网页
你好，主页
-
下拉列表
->

使用引导js链接进行下拉和其他js交互

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>  

---

在body tag关闭之前使用脚本。

您如何知道何时必须这样做以及需要哪些文件？好吧，我已经阅读了Bootstrap的介绍页面，其中说“我们的许多组件需要使用JavaScript才能正常工作”。还有我在原始答案中提取的文件