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 協議》，轉載必須註明作者和本文連結