Navbarのボタンを水平に置き換えるには

Question

私はコーディング時に新しいです。今はBootstrapでNavbarを作成しようとしています。しかし、私はボタンを水平に置くことができません。私は文字通りすべての要素にclass="float-right"を試しました。そして、私は!importantとcssで行き詰まった。再び応答なし。それをどうやって手助けすることができますか？

ありがとうございます。

This is the code

Answer 1

あなたはブートストラップ4を使用している場合は、ナビゲーションバーには、そうでない場合はナビゲーションバーが垂直/モバイル（デフォルト）になり、それを水平にするためにnavbar-expand-*クラスのいずれかが必要です。

また、ブートストラップ4にはnavbar-btnクラスはありません。ちょうどbtn btn-*を使用してください。

<nav class="navbar navbar-light navbar-expand"> 
    <a class="navbar-brand" href="#">Brand</a> 
    <ul class="navbar-nav"> 
     <li class="nav-item"><a href="#" class="nav-link">Home</a></li> 
     <li class="nav-item"><a href="#" class="btn btn-primary">Btn</a></li> 
     <li class="nav-item"><a href="#" class="nav-link">Link</a></li> 
     <li class="nav-item"><a href="#" class="nav-link">Options</a></li> 
    </ul> 
</nav> 

https://www.codeply.com/go/4mT9YOawzV