Javascript 如何在bootstrap4中将导航链接移到右侧？

我想问一下如何将导航链接移到右侧？因为我像float:right或margin left:auto那样尝试，它会将汉堡包菜单引导到中间。我要汉堡菜单和导航链接都在右边。此外，当我缩小屏幕时，汉堡包菜单和导航链接都在右边，而当我缩小屏幕时，导航链接在左边。此外，当我最小化屏幕时，我单击下拉菜单，导航栏变大，下拉菜单位于导航栏内部，使导航栏变大。我想要导航栏外面的下拉菜单。我试着使用位置：固定，位置：相对和绝对，它不固定它。因此，我想问，是否有任何解决办法。所以，我能修好它。多谢各位

下面是我的代码：

管理仪表板
/*
*边栏
*/
.侧边栏{
位置：固定；
排名：0；
底部：0；
左：0；
z索引：100；/*位于导航栏后面*/
填充：48px 0；/*导航栏的高度*/
框阴影：插入-1px0RGBA（0,0,0,1）；
}
@介质（最大宽度：767.98px）{
.侧边栏{
顶部：5雷姆；
}
}
.侧边栏粘滞{
位置：相对位置；
排名：0；
高度：计算（100vh-48px）；
填料顶部：.5rem；
溢出x：隐藏；
overflow-y:auto；/*如果视口比内容短，则可滚动内容*/
}
@支架（（位置：-webkit粘滞）或（位置：粘滞））{
.侧边栏粘滞{
职位：-网络工具包粘性；
位置：粘性；
}
}
.侧栏.导航链接{
字号：500；
颜色：#333；
}
.侧栏.导航链接.激活{
颜色：#021B4D；
}
.侧栏.导航链接：悬停{
颜色：#FFDB1A！重要；
}
/*导航栏*/
navbar先生{
背景色：#021B4D！重要；
}
.navbar品牌{
填料顶部：.75rem；
填充底部：.75rem；
字号：1rem；
左边距：20px；
}
.白色文本{
颜色：#fff；
}
.下拉菜单a：悬停{
背景色：#021B4D；
颜色：#fff；
}

为了将用户图标始终固定在右侧，我添加了以下css：

a.nav-link.dropdown-toggle{
  text-align: right;
}

然后在大屏幕上，为了使您的

ul

始终位于右侧，我添加了BS4 class

ml lg auto

，这将在左侧为lg断点上方的屏幕添加边距au

要使hambuger向右对齐，请在按钮上添加class

ml left

如果您想在小屏幕和大屏幕上获得与下拉菜单相同的效果，我添加了css，如下所示：

@media (max-width: 991px){
  .user-dropdown-menu{
    position: absolute !important;
    left: -6rem !important;
  }
}

a.nav-link.dropdown-toggle{
文本对齐：右对齐；
}
@介质（最大宽度：991px）{
.用户下拉菜单{
位置：绝对！重要；
左：-6rem！重要；
}
}

管理仪表板
/*
*边栏
*/
.侧边栏{
位置：固定；
排名：0；
底部：0；
左：0；
z索引：100；/*位于导航栏后面*/
填充：48px 0；/*导航栏的高度*/
框阴影：插入-1px0RGBA（0,0,0,1）；
}
@介质（最大宽度：767.98px）{
.侧边栏{
顶部：5雷姆；
}
}
.侧边栏粘滞{
位置：相对位置；
排名：0；
高度：计算（100vh-48px）；
填料顶部：.5rem；
溢出x：隐藏；
overflow-y:auto；/*如果视口比内容短，则可滚动内容*/
}
@支架（（位置：-webkit粘滞）或（位置：粘滞））{
.侧边栏粘滞{
职位：-网络工具包粘性；
位置：粘性；
}
}
.侧栏.导航链接{
字号：500；
颜色：#333；
}
.侧栏.导航链接.激活{
颜色：#021B4D；
}
.侧栏.导航链接：悬停{
颜色：#FFDB1A！重要；
}
/*导航栏*/
navbar先生{
背景色：#021B4D！重要；
}
.navbar品牌{
填料顶部：.75rem；
填充底部：.75rem；
字号：1rem；
左边距：20px；
}
.白色文本{
颜色：#fff；
}
.下拉菜单a：悬停{
背景色：#021B4D；
颜色：#fff；
}

谢谢。但是我想问一下，如何将汉堡包菜单移到右边，下一个是下拉菜单？因为当你最小化它时，汉堡包菜单在中间。而下拉菜单（在小屏幕中最小化）和大屏幕不一样。@CharlotteChee为完成（编辑）的汉堡包。您只需在按钮上添加

ml auto

。对于您的下拉列表，您的意思是，您希望它像在大屏幕上一样处于绝对位置？