I recently tried to implement a Bootstrap 4 drop-down list using code from w3schools.com in my visual studio code, but unfortunately, it's not functioning as expected. Surprisingly, the same code works perfectly fine in an online editor. I'm new to this, so I'm wondering if I've missed something crucial. Any guidance would be greatly appreciated! Here is the code snippet I used:
`<!DOCTYPE html>
<html lang="en>
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../Bootstrap4/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="../Bootstrap4/css/bootstrap.min.css">
<link rel="stylesheet" href="../Bootstrap4/css/flexboxgrid.min.css">
</head>
<body>
<div class="container-fluid">
<div class="row justify-content-center" style="background-color:#00061a;">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Dropdown</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Link 1</a>
<a class="dropdown-item" href="#">Link 2</a>
<a class="dropdown-item" href="#">Link 3</a>
</div>
</li>
</ul>
</div>
</div; <!-- End of container -->
<script src="../Bootstrap4/js/jquery-3.2.1.min.js"></script>
<script src="../Bootstrap4/js/bootstrap.min.js"></script>
</body>
</html>`