Bootstrap 4 引导4导航标签组件，下拉框在末端对齐

根据官方的bootstrap4，向导航标签组件添加下拉列表只需添加一点额外的HTML即可

以下是文档中的代码。我重新调整了导航项元素，将下拉子组件放在列表的末尾

您可以使用自动边距ml auto和下拉菜单右键使下拉项正确对齐

另见：

<li class="nav-item dropdown ml-auto">
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
    <div class="dropdown-menu dropdown-menu-right">
        <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 class="dropdown-divider"></div>
        <a class="dropdown-item" href="#">Separated link</a>
    </div>
</li>