要素間のこのスペースを削除するにはどうすればよいですか？

Question

こんにちは、私はここで、ブートストラップ3.3.7

を使用して私のWebプロジェクトに取り組んでは、私のHTMLコードの例です：

<nav class="navbar navbar-default nobottommargin" role="navigation"> 
    <div class="container-fluid"> 

     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-9"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Brand</a> 
     </div> 

     <div class="collapse navbar-collapse" id=""> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#">Link</a></li> 
       <li><a href="#">Link</a></li> 
      </ul> 
     </div> 

    </div> 
</nav> 

<iframe src="https://www.news.sky.com" style="width:100%;height:100%" frameborder="3"></iframe> 

そして、ここではJSFiddleに取り組んでいます。

例のように、navbarとframeの間にはスペースがあります。

このスペースを削除するにはどうすればよいですか？そしてiframe要素をnavbarに近づけるにはどうすればよいですか？

Answer 1

とブートストラップのmargin-bottomを削除する必要があります。

あなただけのiframe対応の負のマージントップを設定する必要があります。

iframe { 
    margin-top: -20px; 
}