Bootstrap 4 实现导航栏右侧对齐

元素

直接给元素添加样式：
.ml-auto元素居右
.mr-auto元素居左

DIV

给导航栏里的 <div> 加上 .justify-content-end 样式。

<nav>
    <!--div 加上 justify-content-end 样式即可-->
    <div class="collapse navbar-collapse text-right justify-content-end" > 
        <div class="navbar-nav">
            <a class="nav-item nav-link" href="#">登陆</a>
            <a class="nav-item nav-link " href="#">注册</a>
        </div>
    </div>
</nav>

效果：

本作品采用《CC 协议》，转载必须注明作者和本文链接