只有 Bootstrap bavbar 的一页有额外的 space 错误

Question

我的导航栏在缩小时显示空白 space。 Home和Contact之间从上到下有一个space。你能帮我删除那个空白吗？它不会显示在主页或 Honura 页面上。谢谢

它只显示在这个页面上： http://vinylbrothersnh.com/honura.html 如果您需要，这是站点地图页面： http://vinylbrothersnh.com/sitemap.xml

<nav class="navbar navbar-custom navbar-expand-lg text-danger"><a class="navbar-brand m-2" href="#">Vinyl Brothers NH</a><button class="navbar-toggler m-2" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbar-custom" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarCollapse"><ul class="navbar-nav mx-auto"><li class="nav-item"><a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a></li>><li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li><li class="nav-item "><a class="nav-link" href="honura.html">HONURA CREW</a></li></ul><ul class="navbar-nav flex-row"><li class="nav-item m-1"><a class="nav-link" href="https://www.facebook.com/groups/786555175173027" target="_blank" data-toggle="tooltip" data-placement="top" title="HONURA CREW Facebook page"><i class="fab fa-facebook-square fa-lg"></i></a></li><li class="nav-item m-1"><a class="nav-link" href="tel:1-603-418-5562" data-toggle="tooltip" data-placement="top" title="Call Us"><i class="fas fa-phone-square fa-lg"></i></a></li></ul></div></nav>

Answer 1

你有一个额外的 > 符号占用了一个方块 space，由于它的颜色很难看清

试试这个

<nav class="navbar navbar-custom navbar-expand-lg text-danger"><a class="navbar-brand m-2" href="#">Vinyl Brothers NH</a><button class="navbar-toggler m-2" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbar-custom" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
  <div
    class="collapse navbar-collapse" id="navbarCollapse">
    <ul class="navbar-nav mx-auto">
      <li class="nav-item"><a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a></li>
      <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
      <li class="nav-item "><a class="nav-link" href="honura.html">HONURA CREW</a></li>
    </ul>
    <ul class="navbar-nav flex-row">
      <li class="nav-item m-1"><a class="nav-link" href="https://www.facebook.com/groups/786555175173027" target="_blank" data-toggle="tooltip" data-placement="top" title="HONURA CREW Facebook page"><i class="fab fa-facebook-square fa-lg"></i></a></li>
      <li class="nav-item m-1"><a class="nav-link" href="tel:1-603-418-5562" data-toggle="tooltip" data-placement="top" title="Call Us"><i class="fas fa-phone-square fa-lg"></i></a></li>
    </ul>
    </div>
</nav>

只有 Bootstrap bavbar 的一页有额外的 space 错误

extra space error on only 1 page of Bootstrap bavbar

html

bootstrap-4