2016-12-17 19 views
0

どのようにBootstrap 4 navbarの右ナビゲーションアイテムにプッシュしますか?私はフロートを試みましたが、うまく動作しませんでした。Bootstrap 4の右側にアイテムを浮かべますか?

<nav class="navbar navbar-static-top navbar-dark bg-inverse float-*-right"> 
    <a class="navbar-brand" href="#">Project name</a> 
    <ul class="nav navbar-nav"> 
    <li class="nav-item active"> 
     <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> 
    </li> 
    <li class="nav-item"> 
     <a class="nav-link" href="#">About</a> 
    </li> 
    <li class="nav-item"> 
     <a class="nav-link" href="#">Contact</a> 
    </li> 
    </ul> 
</nav> 

ナビゲーション項目を右側に揃える必要があります。

+0

いくつかのコードは素晴らしいと思いますので、実際の問題を見ることができます – LGSon

+1

http://www.bootply.com/VljzqtNw5S(バージョン4にクラスが存在する場合)が必要です。 – sinisake

+0

ブートストラップ4は現在フレックスボックスを使用しているため、 'float-right'または' pull-right'のどちらも動作しません。 [今すぐml-autoはnavアイテムを右に押します(https://stackoverflow.com/questions/41513463/bootstrap-4-align-navbar-item-to-the-right) – ZimSystem

答えて

2

ULに追加]フロート-XS-right 'のクラス

<ul class="nav navbar-nav float-xs-right"> 

あなたは削除することができ、それが

http://www.bootply.com/OnvcimHYD7

を何もしていないので、含むナビゲーションタグから 'フロート - 右 - *' を
関連する問題