Bootstrap導航欄問題

Question

我的導航欄出現問題，導航欄中的第一個鏈接始終偏低。似乎有一個隱藏的<a>標籤，我無法刪除。直到我在左側添加了一個指向徽標的鏈接之前，這並沒有發生。當標識不是鏈接時，第一個鏈接保持在正確的位置。我已經上傳了一些代碼來codepen

https://codepen.io/BitRot86/pen/qXgQzE

任何意見將是有益

Answer 1

有你的HTML代碼的兩個小錯字錯誤。

<ul class="nav navbar-nav" id="navLeft"> 
    <li> 
     @*<a href="index.php"><img src="http://gbcsite.ca/v5/images/GBC-logo.png" class="img-responsive" width="200px"><a />*@ 
     <a href="index.php"> 
      <img src="http://gbcsite.ca/v5/images/GBC-logo.png" class="img-responsive" width="200" /> 
      </a> 
    </li> 
</ul> 

首先，您還沒有關閉<img>標記。

其次，您在圖片鏈接下錯誤地關閉了<a>標記。

我已經修復它在我的結尾，它正在工作。