在bootstrap中，我如何使图像成为下拉列表？

<div class="dropdown">
  <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="#">
      <img src="path/to/image1.jpg" alt="图像1">
    </a>
    <a class="dropdown-item" href="#">
      <img src="path/to/image2.jpg" alt="图像2">
    </a>
    <!-- 其他图像项 -->
  </div>
</div>