2015-09-27 68 views
1

我想讓這樣的事情 Two colored navigation bar2導航欄沒有空間

當我做了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> 
+2

提供您當前的HTML和CSS,這是不可能的幫助離不開它。 – sinisake

+0

如果它是現場提供鏈接。 – divy3993

+0

我已添加我的當前代碼 – Jason

回答

1

白手起家.navbar默認有一個20像素的底部邊緣。

所以,你可以這樣做:

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

Bootply