Navbar-inverse funktioniert nicht

Question

Ich habe diesen einfachen Code in HTML mit Bootstrap-Klassen, um eine Navigationsleiste zu erstellen. Ich möchte, dass meine Navigationsleiste horizontal ist, also habe ich die Navbar-Inverse-Klasse hinzugefügt. Allerdings zeigt meine Navigationsleiste immer vertikal an und ich kann nicht herausfinden, warum ich das mache, obwohl ich dachte, dass ich verschiedene Dinge ausprobiert habe.

<div class="blog-masthead"> 
     <div class="container"> 
      <nav class="navbar navbar-inverse"> 

       <ul class="nav navbar-nav"> 
        <li class="nav-item"><a class="blog-nav-item active" href="#">Home</a></li> 
        <li class="nav-item"><a class="blog-nav-item" href="#">New features</a></li> 

       </ul> 

       <ul class="nav navbar-nav navbar-right"> 
        <li class="nav-item"><a class="blog-nav-item" href="#">{{ Auth::user()->name }}</a></li> 
       </ul> 

      </nav> 
     </div> 
</div> 

Answer 1

Ich hoffe navbar-inverse nichts mit Menüansicht Stil zu tun hoffe, dass ich es die Farbe des Menütext zu ändern und für die Ansicht Stil verwendet wird, sollten Sie nav-Link in einem Tag und nav-togglebar verwenden in Nav-Tag Ich hoffe, es ist die Antwort.

Es tut mir leid, wenn ich Ihre Frage falsch verstanden

   <ul class="nav navbar-nav "> 
       <li class="nav-item"> 
        <a class="nav-link active" href="#">Home</a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link " href="#">New features</a> 
       </li> 

       </ul> 

       <ul class="nav navbar-nav navbar-right"> 
       <li class="nav-item"><a class="nav-item" href="#">{{ Auth::user()->name }}</a></li> 
       </ul> 

     </nav> 
    </div>