2导航栏没有空间

当我做了2导航栏，有一个白色的差距将它们分开，如何消除这种差距？

我读过的地方，如果我改变了导航栏的元素的大小会自动增加其高度，但它没有奏效。

如果我需要为导航栏制作自定义类，我应该更改哪些属性？

编辑：

<nav class ="navbar topNavbar"> 
<div class="container-fluid"> 
<ul class="nav navbar-nav navbar-right"> 
<li><a href=""><span class="glyphicon glyphicon-log-in"></span> Login </a></li> 
<li><a href="signup.php"><span class="glyphicon glyphicon-user"></span> Sign Up </a></li> 
</ul> 
</div> 
</nav> 

<nav class="navbar botNavbar"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="">Website name</a> 
    </div> 
    <div> 
     <ul class="nav navbar-nav"> 
     <li class="active"><a href="">Home</a></li> 
     <li><a href="collections.php">Collections</a></li> 
     <li><a href="">About Us</a></li> 
     </ul> 
     </div> 
    </div> 
</nav> 

<style> 
.topNavbar { 
background-color: #F60; 
} 

.botNavbar { 
background-color : #F90; 
} 
</style>

来源

2015-09-27 Jason

提供您当前的HTML和CSS，这是不可能的帮助离不开它。 – sinisake

如果它是现场提供链接。 – divy3993

我已添加我的当前代码 – Jason

白手起家.navbar默认有一个20像素的底部边缘。

所以，你可以这样做：

.topNavbar { 
    background-color: #F60; 
    margin-bottom: 0; 
}

Bootply

来源

2015-09-27 09:31:14 George

2导航栏没有空间

回答

相关问题