图标上的下拉菜单，引导程序

Question

我正在使用引导程序（我包含引导程序和jquery，并且下拉菜单在其他地方工作），并且尝试使用我的个人资料图标作为下拉菜单的触发器，并提供注销选项。

我的个人资料图标像一个下拉列表一样显示向下的插入符号，但是当我单击时，没有触发下拉列表。

我在这里不能使用按钮，它需要与图标绑定。

我到底在做什么错？

<div class="dropdown">
    <div class="menu-button profile dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
        <i class="far fa-user-circle fa-2x"></i>
    </div>

   <ul class="dropdown-menu">
       <li>Logout</li>
   </ul>

</div>