Bootstrap 4 如何在导航中右对齐下拉菜单？

我正在尝试向导航栏添加下拉菜单-但尽管图标右对齐，但菜单会左对齐打开，尽管我使用了

右下拉菜单

。我看到一条关于poppr被用于定位的评论——除了在

nav

中。那么，我如何右对齐菜单呢

在这里拉小提琴：

布拉
梅努伊特姆

在这种特定情况下，我将更改

下拉菜单类的以下属性：

.dropdown-menu {
    left: initial;
    right: 0; /* add right with 0 or a low pixel value */
}

您还可以按照创建自己的类的方法，覆盖该
下拉菜单的原始属性

下面是如何右对齐菜单的另一个建议：

#dd.dropdown-menu {
    left: initial;
    right: 0
}

在这种特定情况下，我将更改
下拉菜单
类的以下属性：

.dropdown-menu {
    left: initial;
    right: 0; /* add right with 0 or a low pixel value */
}

您还可以按照创建自己的类的方法，覆盖该
下拉菜单的原始属性

下面是如何右对齐菜单的另一个建议：

#dd.dropdown-menu {
    left: initial;
    right: 0
}

因为您试图在导航栏中使用标准下拉按钮。那么我应该怎么做呢？因为您试图在导航栏中使用标准下拉按钮。那么我应该怎么做呢？为了不影响所有其他下拉菜单，我决定通过引用控件的id来覆盖它。那没用。但是我无法删除.dropdown菜单类，它还用于隐藏
div
。那么你会建议怎么做呢？更新的fiddle：我已经更新了fiddle（），使菜单右对齐。更新的答案中有相关的css部分。为了不影响所有其他下拉菜单，我决定通过引用控件的id来覆盖它。那没用。但是我无法删除.dropdown菜单类，它还用于隐藏
div
。那么你会建议怎么做呢？更新的fiddle：我已经更新了fiddle（），使菜单右对齐。更新的答案中有相关的css部分。