Horizontale Ausrichtung in navbar

Question

SPÄTER EDIT: This is how the logo looks now

EDIT: die Zeilenklasse gearbeitet entfernen. Jetzt versuche ich den grauen Hintergrund hinter dem Logo zu entfernen.

Ich versuche, das Logo mit dem Rest des Textes in der Navigationsleiste auszurichten (mit Bootstrap, aber aus irgendeinem Grund nicht zu erkennen, ich kann das nicht tun. Die Textelemente sind richtig zwischen ihnen ausgerichtet, aber das Logo springt . auf der höheren Reihe und wird automatisch auf Mitte unabhängig von meiner Definition ausgerichtet

Hier ist der Code:

<header> 
    <nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      <a class="navbar-brand" href="http://#"> 
       <img alt="Brand" src="img/logo_s.png"> 
      </a> 
     </div> 
    </div> 
    </nav> 
    <div class="row"> 
    <nav class="col-sm-8"> 
     <p> Play </p> 
     <p> Learn </p> 
     <p> Grow </p> 
    </nav> 
    </div> 
</header> 

Hier ist das Ergebnis: how it looks now

Answer 1

die CSS in sein wird die folgenden Klassen

.navbar-header { 
    background: #fff; 
    border:0; 
} 
.navbar-header a { 
    background: #fff; 
    border:0; 
} 

Wenn es nicht hinzufügen, ändern! wichtig, bevor das Semikolon zu zwingen Bootstrap zu überschreiben.