我有点"麻烦"。我似乎无法让这个下拉菜单工作，我已经阅读了又读，找不到解决方案。它什么都不做，不下拉。如果有人能借给我一点帮助，我会很高兴。
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Quem Sou?</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Exercício 1</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Exercício 2</a>
</li>
<li class="nav-item dropdown">
<button class="btn nav-item dropdown-toggle" id="dropdownMenuButton" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Exercício 3</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-primary my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
编辑： 这是我的标题，因为你们都指的是我有链接
<head>
<meta charset="UTF-8">
<link href="styles.css" type="text/css" rel="stylesheet">
<title>Ana Rodrigues</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-grid.css">
<link rel="stylesheet" href="css/bootstrap-grid.min.css">
<link rel="stylesheet" href="css/bootstrap-reboot.css">
<link rel="stylesheet" href="css/bootstrap-reboot.min.css">
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Just+Another+Hand" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
看看这个网站，你会发现问题： https://getbootstrap.com/docs/4.0/components/dropdowns/
不要忘记在标头中添加引导程序，否则您可能忘记下载引导程序文件，然后使用您的代码。 此外，如果您在标头中使用它，则必须连接到互联网。
你是否将 Bootstrap JS 和 jQuery 导入到你的项目中？
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://getbootstrap.com/docs/4.0/dist/js/bootstrap.min.js"></script>
确保包含使所有引导组件正常工作所需的所有 Javascript 文件，正如@saeed所说，在链接上您将找到以下内容：
" 下拉列表构建在第三方库 Popper.js 上，该库提供动态定位和视口检测。请务必在 Bootstrap 的 JavaScript 之前包含 popper.min.js或使用包含 Popper.js 的 bootstrap.bundle.min.js/bootstrap.bundle.js。Popper.js 不用于在导航栏中定位下拉列表，但不需要动态定位。
如果你从源代码构建我们的JavaScript，它需要util.js。">
编辑：
你确定你包含的是jquery JS文件吗？