反対側のブランド名とナビゲーションボタンを合わせる

私はちょうど学び始めてbootstrap-4.0.0-alpha.6-distを使い始めました。私が直面している問題は、ブランド名を左側に、ナビゲーションアイテムを右側に配置する方法を理解できないことです。反対側のブランド名とナビゲーションボタンを合わせる

私はこれを試してみました：

<body> 
    <div class="site-wrapper"> 
     <nav class="navbar" role="navigation"> 
      <a class="navbar-brand">Brand Name</a> 
      <a class="navbar-link"> 
       About 
      </a> 
     </nav> 
    </div> 
    <script src="js/jquery-2.1.3.min.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
</body>

出典

2017-01-31 Ayan

これはあなたの左と右の整列のリンクを持つ基本的なナビゲーションを与える必要があります。

<body> 
    <div class="site-wrapper"> 

    <nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse fixed-top"> 
     <a class="navbar-brand" href="#">Brand Name</a> 

     <div class="collapse navbar-collapse" id="navbarsExampleDefault"> 
      <ul class="navbar-nav mr-auto"></ul> 
      <ul class="navbar-nav mr-right"> 
       <li class="nav-item"> 
        <a class="nav-link" href="#">Right-aligned Link</a> 
       </li> 
      </ul> 
     </div> 
    </nav> 

    </div> 

<script src="js/jquery-2.1.3.min.js"></script> 
<script src="js/bootstrap.min.js"></script>

Iだろう、しかし、あなたはバージョン4として学習のためのブートストラップのlatest stable versionに固執することを助言することはまだベータ版であり、そのようなものとして、特に学習のために、多くの包括的なドキュメントを提供していません。まだ。

出典

2017-01-31 12:24:32

上記では、私は**ブランド名**しか見ることができません。 – Ayan

[私はペンにコードを書いています]（http://codepen.io/KevinBonkewitzz/pen/MJQyQR）です。私のために正しく表示されているかどうか、それがあなたのために同じであるかどうかを確認してください。 –

OK、codepenもローカルで動作します。しかし、私が探していたのは、右揃えのリンクだけを持っていて、左揃えにしたくないということでした。 – Ayan

反対側のブランド名とナビゲーションボタンを合わせる

答えて

関連する問題