Как сделать выпадающий список bootstrap

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  Выпадающий список
</button>

<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  <a class="dropdown-item" href="#">Элемент 1</a>
  <a class="dropdown-item" href="#">Элемент 2</a>
  <a class="dropdown-item" href="#">Элемент 3</a>
</div>

<script>
  $(document).ready(function(){
    $('.dropdown-toggle').dropdown();
  });
</script>