Bootstrap: Einfache Navigation align Ausgabe

Question

Ich möchte den "Registrieren oder Login" Teil neben dem Haupt-Top-Nav genau wie das Bild ausrichten. Ich nehme an, ich könnte eine andere ul haben, aber das ist wahrscheinlich nicht der beste Weg, es zu tun.

Dies ist, was ich bisher:

<div class="navbar navbar-default navbar-fixed-top" role="navigation"> 
    <div class="container"> 
     <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
      <span class="sr-only">Toggle Navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 

     <a class="navbar-brand" href="#"> 
      <div class="logo"> 
      Logo 
      </div> 
     </a> 
     </div> 
     <div class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav navbar-right"> 
      <li><a href="#">HOME</a></li> 
      <li><a href="#">ABOUT</a></li> 
      <li><a href="#">JOBS</a></li> 
      <li><a href="#">CANDIDATES</a></li> 
      <li><a href="#">CLIENTS</a></li> 
      <li><a href="#">CONTACT</a></li> 
      </ul> 
     </div> 
    </div> 
</div> 

Wie würden Sie empfehlen ich das tun?

Answer 1

Innerhalb Ihres ul nach der letzten li eine Spanne hinzufügen. Innerhalb dieser Zeitspanne können Sie Ihren Registrierungsbutton Registrieren und Ihr LOGIN hinzufügen. Dadurch können diese von den anderen Listenelementen getrennt werden, aber sie werden auch zusammenbrechen. Sie müssen Ihre Schaltfläche etwas anzie- hen, damit sie wie die Schaltfläche "Registrieren" im Bild aussieht, und Ihre Spannweite vertikal ausrichten.