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>标记。

我已经修复它在我的结尾，它正在工作。