Bootstrap 4 實現導航欄右側對齊

不正發表於2022-03-04

元素

直接給元素新增樣式:
.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>

效果:
Bootstrap 4 實現導航欄右側對齊

本作品採用《CC 協議》,轉載必須註明作者和本文連結
敢於爭先 @ 不正

相關文章