Javascript 引导4.1-右对齐下拉插入符号

我在Bootstrap4.1中工作，我有一个导航栏，可以启动一个带有选项卡的模式对话框和一个带有图像图标的下拉菜单。我希望下拉菜单的“插入符号”或向下箭头显示在图像的右侧

我已经为

下拉切换

类创建了一个自定义类，并尝试了该类的各种设置，但似乎没有任何效果。以下是自定义类：

 .dropdown-toggle { align-content: center; }

以下是我在JSFIDLE上的完整代码：

以下是代码的模式对话框部分：

对于类使用

显示：内联块

。对于类使用剖面图和

对齐自：居中

。对齐自结束如下所示：

.align-self-end {
   align-self: center!important;
}
.profile-picture {
    display: inline-block;
}

---

检查更新的小提琴：

对于类使用

显示：内联块

。对于类使用剖面图片和

对齐自：中心

。对齐自端，如下所示：

.align-self-end {
   align-self: center!important;
}
.profile-picture {
    display: inline-block;
}

---

选中更新的fiddle:

添加CSS显示规则：内联打开。下拉切换：：after

.dropdown-toggle::after {
    display: inline;
}

---

添加CSS显示规则：inline on.dropdown toggle:：after

.dropdown-toggle::after {
    display: inline;
}

---

太棒了谢谢太棒了谢谢