Горизонтальное выравнивание в навигационной панели

Question

СПУСТЯ EDIT: This is how the logo looks now

EDIT: Удаление класса строк работал. Теперь я пытаюсь удалить серый фон за логотипом.

Я пытаюсь выровнять логотип с остальной частью текста в навигационной панели (используя bootstrap, но по какой-то причине я не могу заметить, что я не могу этого сделать. Элементы текста правильно выровнены между собой, но прыжки логотипа . на верхнем ряду и автоматически выравниваются по центру, независимо от моего определения

Вот код:

<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> 

Вот результат: how it looks now

Answer 1

CSS-код будет находиться в одном из следующих классов

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

Если это не меняет добавить! важно перед точкой с запятой, чтобы заставить его переписать загрузчик.