Css 引导4第三级子菜单不在右侧

我在Wordpress中使用以下Bootstrap 4主题： 我使用的是Bootstrap 4导航栏和三级子菜单，Bootstrap 4默认不支持这些菜单。这就是我在Bootstrap 4中使用此自定义CSS的原因：

.navbar导航li:hover>ul.下拉菜单{
显示：块；
}
.下拉子菜单{
位置：相对位置；
}
.下拉子菜单>.下拉菜单{
排名：0；
左：100%；
利润上限：-6px；
}
/*悬停时旋转插入符号*/
.下拉菜单>li>a:悬停：之后{
文字装饰：下划线；
变换：旋转（-90度）；
}

试试这段代码

.navbar导航li:hover>ul.下拉菜单{
显示：块；
}
.下拉子菜单{
位置：相对位置；
}
.下拉子菜单>.下拉菜单{
排名：0；
左：100%；
利润上限：-6px；
}
/*悬停时旋转插入符号*/
.下拉菜单>li>a:悬停：之后{
文字装饰：下划线；
变换：旋转（-90度）；
}

我用Bhautik的答案解决了这个问题。我逐行尝试了他的代码，得出结论，可以使用以下CSS：

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

谢谢

---

祝您度过愉快的一天。

对于堆栈溢出，不鼓励使用仅代码的答案，因为它们没有解释如何解决问题。如果您编辑您的答案来解释此代码的作用以及它如何回答问题，这将使OP以及其他有类似问题的用户更加有用。您可以与HTML共享完整的代码吗