Twitter bootstrap 将徽标添加到导航栏会在导航栏和下拉菜单中的第一项之前创建间隙

这是第一次使用Bootstrap，我对HTML/CSS比较陌生。当我将logo插入导航栏时，导航列表中的第一项“Home”前面出现了一个缺口，我想不出如何消除这个缺口。当我删除logo时，这个空间消失了，所以有点关联。类似的问题会出现在下拉菜单中，其中“主页”缩进，而导航的其余部分则不缩进。 知道我做错了什么吗

这里是HTML

<div class = "navbar navbar-default navbar-static-top">
    <div class ="container">

        <button class = "navbar-toggle" data-toggle ="collapse" data-target = ".navHeaderCollapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

        <a class="navbar-brand" href ="#" ><img src="images/PermitMeLogoHorz.png"</a>

        <div class="collapse navbar-collapse navHeaderCollapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Wireless Communications <b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu">
                <li><a href="#">Site Acquisition</a></li>
                <li><a href="#">Land Use Consulting</a></li>
                <li><a href="#">Permit Expediting</a></li>
                <li><a href="#">Project Management</a></li>
            </ul>
                <li><a href="#">Contact</a></li>
            </ul>
        </div>

      </div>    
</div>

}

}

}

}

}

---

}

从您的代码示例来看，您似乎缺少图像的结束标记。

.navbar-brand > img{
width:100%;
margin-top:5px;

.navbar-nav li a {
color: #CCC000;
font-size:17px;
font-weight:400;
padding-top:25px;       

.navbar .nav .active > a, .navbar .nav .active > a:hover {
background-color: #fff;
color:black;
height:60px;
}

.navbar .nav > li > a:hover {
color: #b20000;

.dropdown  ul li a{
color:black;

.dropdown li a:hover{
background-color:gray ;
color:white;

.caret{
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 8px solid #b20000;
margin-top:-2px;