引导下拉列表::伪元素右对齐之后

我正在使用 btn-block 在我身上 .dropdown-toggle 按钮使其成为全宽。

但是,我不喜欢::after伪元素与按钮内容之间的宽度是固定的。

我在psuedo元素样式上很弱,但是有没有一种方法可以让下拉箭头变为“float”,并从下拉列表的右侧对齐固定宽度?

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>