Html boostrap下拉菜单对齐

我是一个新手，用它创建了一个网站，但是我的下拉菜单没有正常工作，它打开了“窗外”，所以有人可以帮我吗？我在课堂上尝试了很多，但都不管用

我的代码：

<div class='dropdown'>
<button class='btn' type='button' id='dropdownMenuButton' data-toggle='dropdown'>
<img class='rounded-circle float-right' height='45px' src='$profileimgurl' />
</button>
<ul class='dropdown-menu pull-left' role='menu'>
      <li class='dropdown-header'>$username</li>
            <li class='dropdown-header'><a href='profile.php'class=''>Profile</a></li>
            <li class='dropdown-header'><a class=''>Friends</a></li>
            <li class='dropdown-header'><a class=''>Activity</a></li>
      <li class='divider'></li>
      <li class='dropdown-header'>Account</li>
      <li>
            <form action='includes/logout.inc.php' method='post'>
                <button class='btn btn-link' type='submit' name='logout-submit'>Logout</button>
            </form>
    </li>
</ul>
</div>

$username

朋友
活动

帐户

注销

引导下拉组件的默认行为是与触发它的任何对象的左下角对齐。要覆盖此行为，请将

下拉菜单右键

应用于

下拉菜单

。以您自己的代码为例：

<ul class='dropdown-menu dropdown-menu-right' role='menu'>
<li class='dropdown-header'>$username</li>
<li class='dropdown-header'><a href='profile.php'class=''>Profile</a></li>
<li class='dropdown-header'><a class=''>Friends</a></li>
<li class='dropdown-header'><a class=''>Activity</a></li>
<li class='divider'></li>
<li class='dropdown-header'>Account</li>
<li>
  <form action='includes/logout.inc.php' method='post'>
  <button class='btn btn-link' type='submit' name='logout-submit'>Logout</button>
  </form>
</li>
</ul>

$username

朋友
活动

帐户

注销

---

目前还不清楚您是使用Bootstrap3.x还是Bootstrap4.x，但在后者中，您也可以将响应行为应用于此类（即，

.dropdown menu lg right

以更好地修改不同设备或屏幕上的用户界面。

引导下拉组件的默认行为是与触发它的任何对象的左下角对齐。若要覆盖此行为，请将

dropdown menu right

应用于

下拉菜单

。若要使用以own代码为例：

<ul class='dropdown-menu dropdown-menu-right' role='menu'>
<li class='dropdown-header'>$username</li>
<li class='dropdown-header'><a href='profile.php'class=''>Profile</a></li>
<li class='dropdown-header'><a class=''>Friends</a></li>
<li class='dropdown-header'><a class=''>Activity</a></li>
<li class='divider'></li>
<li class='dropdown-header'>Account</li>
<li>
  <form action='includes/logout.inc.php' method='post'>
  <button class='btn btn-link' type='submit' name='logout-submit'>Logout</button>
  </form>
</li>
</ul>

$username

朋友
活动

帐户

注销

---

目前尚不清楚您使用的是Bootstrap 3.x还是Bootstrap 4.x，但在后者中，您也可以将响应行为应用于此类（即

。右键下拉菜单
，以便更好地修改不同设备或屏幕上的用户界面。
此技术仅适用于
Bootstrap 4

这不是问题bro，它的默认下拉行为，但要解决这种情况，您需要使用
右下拉菜单
类，有关更多信息，请转到链接



右对齐菜单
行动
另一个动作
还有别的吗
此技术仅适用于
引导4

这不是问题bro，它的默认下拉行为，但要解决这种情况，您需要使用
右下拉菜单
类，有关更多信息，请转到链接



右对齐菜单
行动
另一个动作
还有别的吗