水平對齊導航欄

後編輯：This is how the logo looks now 水平對齊導航欄

編輯：刪除行類工作。現在我試圖去除徽標圖像背後的灰色背景。

我試圖將徽標與其他文本在導航欄中對齊（使用引導程序，但由於某種原因，我未能發現我無法做到這一點。文本項目之間正確對齊，但徽標跳轉。在較高的行，並自動在中心無論我定義的一致

下面是代碼：

<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

來源

2017-02-16 Claudiu

你的CSS在哪裏？ –

如果可能，請創建代碼的工作片段。 –

「行」類確保您開始新的「行」。所以這可能就是爲什麼它不在同一行。我認爲你想在兩行都有，所以刪除類「行」，並將其添加到，或在「標題」 - 標籤下。 – JeroenE

的CSS將是一個的以下類別

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

如果它沒有改變，在分號之前添加！important以強制它覆蓋bootstrap。

來源

2017-02-16 09:09:30

它在某種程度上有效。不幸的是，即使我將邊框定義爲#fff，它仍然保留着某種灰色邊框，它不會消失。謝謝。 – Claudiu

更新後的答案已包含邊框 –

試過了，使用！也很重要。不起作用。 – Claudiu

水平對齊導航欄

回答

相關問題