navbarとcontentの間の空きスペース

Question

私は、ヘッダーとコンテンツdivの間にある接尾辞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*/ 
} 

Answer 1

追加するようにしてください "マージントップを：-18px;"ラップします"。

Answer 2

カラーコードに '！important'を追加することでNavbarの色の問題を解決しました。

Answer 3

.wrapの回避策が動作しますが、マージンに適用すると、実際にはMax Dによる提案がより簡単になります。以下は私のために働く。

nav { 
margin: 0px !important; 
}