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 协议》，转载必须注明作者和本文链接