Html 如何调整引导4中的下拉位置？

我想调整我的下拉列表位置，因为在我的桌面和手机上，下拉列表没有正确显示。它显示了一半。请查看下图：

请检查我的代码我正在做什么：

 <nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light" style="padding-top: 0.15rem"> <!-- style="padding-top: 2.8rem" -->
<a class="navbar-brand" href="index.php">Admin Panel</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navb" aria-expanded="true">
  <span class="navbar-toggler-icon"></span>
</button>
<div id="navb" class="navbar-collapse collapse hide">
  <ul class="navbar-nav">

   <li class="nav-item">
     <a class="nav-link" href="index.php">My Dashboard</a> <!-- style="color:#007bff;" -->
   </li>

  </ul>

<ul class="nav navbar-nav ml-auto">
  <!-- Dropdown -->
  <li class="nav-item dropdown">
   <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">Hello rimi!</a>
   <div class="dropdown-menu" style="margin-left:-50px;">
      <a class="dropdown-item" href="sp.php">My Profile</a>
      <a class="dropdown-item" href="cp.php">Change Password</a>
     <a class="dropdown-item" href="logout.php">Logout</a>

   </div>
  </li>
  </ul>
 </div>
 </nav>

我的问题是如果我加上左边的边距：30px；然后下拉列表在手机上不可见。如果我添加左边的填充：30px；同样的事情也会发生。在这种情况下，填充和边距不起作用。此外，文本链接也没有正确对齐。并且不通过边距和填充物固定

---

欢迎任何想法或建议。

您需要从您的

下拉菜单中删除
style=“margin left:-50px；”“
，然后将
ml auto
更改为
mr auto
（margin left vs margin right，这是您的默认菜单）

这里有一个如果这样对你更有效的话











请在css文件中覆盖引导css

.dropdown-menu {
    left: -90px;
}

默认为
left:0
在
Bootstrap.css
文件中。添加
负数
您需要的值。
我怀疑您的问题来自a）您使用的内联样式和b）此处的这行代码：
它似乎将您的下拉菜单向左拉，因为它是负数边距。如果您能够从样式表中显示相关的样式，或者提供一个有效的演示，那就太好了。