這是我從該主題派生的代碼：https ://getbootstrap.com/docs/4.0/components/navs/#base-nav（Boostrap v4.0）。如何在此引導程式基礎導航的右側放置“立即嘗試”按鈕？
<div class="nav">
<a class="nav-link active" href="#">Overview</a>
<a class="nav-link" href="#">Features</a>
<a class="nav-link" href="#">Gallery</a>
<a class="nav-link" href="#">Resources</a>
<a class="btn btn-primary btn-sm" href="#" role="button">TRY NOW</a>
</div>
uj5u.com熱心網友回復：
嘗試將ml-auto添加到“立即嘗試”按鈕
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="nav">
<a class="nav-link active" href="#">Overview</a>
<a class="nav-link" href="#">Features</a>
<a class="nav-link" href="#">Gallery</a>
<a class="nav-link" href="#">Resources</a>
<a class="btn btn-primary btn-sm ml-auto" href="#" role="button">TRY NOW</a>
</div>uj5u.com熱心網友回復：
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="nav">
<a class="nav-link active" href="#">Overview</a>
<a class="nav-link" href="#">Features</a>
<a class="nav-link" href="#">Gallery</a>
<a class="nav-link" href="#">Resources</a>
<div class="ml-auto">
<a class="btn btn-primary btn-sm " href="#" role="button">TRY NOW</a>
</div> </div>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/370642.html
標籤：网站 asp.net-mvc 推特引导 bootstrap-4