粘貼navbar和下面的內容之間的空白空間

我有添加標題和內容divs之間的navbar。但是在navbar和下面的content div之間有一個大約20px的空白空間。 Navbar正在工作，它在滾動時保持頂部，但當不滾動頁面時會出現白色間隙。另一個問題是導航欄的顏色，他們不會改變（字體或背景）。粘貼navbar和下面的內容之間的空白空間

<div id="header" class="container-fluid text-center" > 
<h1>Title</h1> 
<div class="row"> 
    <div class="col-sm-6 pull-right bottom"> 
    <p>"Text"</p> 
    <p>text</p> 
    </div> 
</div> 
</div> 

<nav class="navbar navbar-inverse" data-spy="affix" data-offset-top="659"> 
<div class="container-fluid"> 
    <ul class="nav navbar-nav"> 
    <li class="active"><a href="#">HOME</a></li> 
    <li><a href="#">something</a></li> 
    <li><a href="#">something</a></li> 
    <li><a href="#">something</a></li> 
    <li class="dropdown"> 
     <a class="dropdown-toggle" data-toggle="dropdown" href="#">MORE 
     <span class="caret"></span> 
     </a> 
     <ul class="dropdown-menu"> 
     <li><a href="#">Merchandise</a></li> 
     <li><a href="#">Extras</a></li> 
     <li><a href="#">Media</a></li> 
     </ul> 
    </li> 
    </ul> 
</div> 
</nav> 

<div class="wrap"> 
    <div class="container text-center"> 
    <h2>About</h2> 
     <div class="row2"> 
     <div class="col-sm-12"> 
      <p>some text</p> 
     </div>

CSS

.navbar { 
    border-radius: 0 !important; 
    -moz-border-radius: 0 !important; 
    position: fixed; 
    top: 0; 
    width: 100%; 
    margin-bottom: 0;/*not working*/ 
    padding-bottom: 0;/*not working*/ 
} 

.wrap { 
    background-color: #000; 
    margin-top: 0;/*not working*/ 
    padding-top: 0;/*not working*/ 
}

來源

2017-03-15 Max D

您能否提供演示？ – sol