bootstrap 4下拉列表未右对齐

在Bootstrap 4中，下拉列表默认是左对齐的。如果想要将下拉列表右对齐，可以通过自定义样式来实现。

首先，在HTML中添加一个自定义的class，例如"dropdown-right"，然后使用以下CSS代码来实现右对齐：

.dropdown-right .dropdown-menu {
  right: 0;
  left: auto;
}

接下来，在需要右对齐的下拉列表中添加这个自定义class，例如：

<div class="dropdown dropdown-right">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    下拉列表
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">选项1</a>
    <a class="dropdown-item" href="#">选项2</a>
    <a class="dropdown-item" href="#">选项3</a>
  </div>
</div>

这样，下拉列表就会右对齐显示了。

关于Bootstrap 4的更多信息和使用方法，你可以参考腾讯云的Bootstrap 4产品介绍页面：Bootstrap 4产品介绍