navbarの水平方向の配置

Question

続き編集：This is how the logo looks now

EDIT：行クラスを削除しました。今私はロゴイメージの背後にある灰色の背景を削除しようとしています。

私は、（ブートストラップを使って）ロゴを残りのテキストと整列させようとしていますが、何らかの理由でそれができないことがわかりません。 。上位行に、自動的に関わらず、私の定義の中央に整列され

ここにコードされています

<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は1になります

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

セミコロンの前にadd！importantを変更しても、ブートストラップを上書きしないようにする必要がある場合。