メニューのnav-item dropdown右端にあるタブメニューを作成しようとしています。
Bootstrap 4 alpha 5、float-xs-rightその動作：http：//codeply.com/go/FCFPpRqhZd
Bootstrap 4 alpha 6に変更しましたfloat-rightが、機能していません：http：//codeply.com/go/5mddDUv1M6
アイデアがありますか？
alpha 6はflexboxにfloatなっているため、この場合は機能しなくなります。
ml-auto代わりにユーティリティクラスを使用してくださいmargin-left:auto
<div class="col-md-12">
<ul class="nav nav-tabs">
<li class="nav-item">
<a href="#" class="nav-link active">Link 1</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Link 2</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Link 3</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Link 4</a>
</li>
<li class="nav-item dropdown ml-auto">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Account</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</li>
</ul>
</div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加