在我的Rails博客应用程序的导航栏中，我有以下代码，列出了站点中可用的文章类别。

<div class="">
      <% Category.find_each do |category| %>
        <small class="me-4"><%= link_to category.topic, category %></small>
      <% end %>
    </div>

目前，它将类别显示为跨导航栏的水平列表。我正试图使用 Bootstrap 将所有这些类别列表打包到一个菜单中，但没有成功。这就是我所尝试的：

<div class="dropdown">
      <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Philosophy topics
      </button>
      <% Category.find_each do |category| %>
        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
          <%= link_to category.topic, category, class: "dropdown-item txt-n me-4" %>
        </div>
      <% end %>
    </div>

当我点击显示的图标时，没有任何东西会“掉下来”。我尝试了其他几种放置class=“dropdown-menu”的方法，都同样失败。
我很感激任何关于如何重组这段代码以获得一个工作菜单的建议。