2016-03-30 64 views
0

我是Web Dev的新手,我面臨着一個問題和Div:https://jsfiddle.net/debashis_gt540m/17mmmxps/2/ 三個div在結尾處有一些間距,我嘗試過插入所有3格在一個單一的,但它沒有幫助。任何人 ?我想擺脫3格之間的空間。 的代碼是:Div之間的垂直間距需要刪除

<nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
     <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="https://in.linkedin.com/in/debdebashis" target="_blank">Debashis Deb</a> 
    </div> 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a href="#">Home</a> 
     </li> 
     <li><a href="#" class="text-primary">About Me</a> 
     </li> 
     <li><a href="#">Skills</a> 
     </li> 
     <li><a href="#">Interests</a> 
     </li> 
     <li><a href="#">Contact Me</a> 
     </li> 
     <li> 
      <a>&nbsp;&nbsp;&nbsp;</a> 
     </li> 
     </ul></div> 
    </div> 
</nav> 
<div> 
<div class="container-fluid bg-1 well"> 
    <div class="row"> 

    </div> 

</div> 
<div class="container-fluid bg-2 well"> 
</div> 
<div class="container-fluid bg-3 well"> 
</div> 
</div> 

回答

1
.well { 
    margin-bottom: 0px !important; 
} 
+0

我刪除了井,它工作。猜測margin-bottom屬性是導致問題的原因!謝謝 :) – DebashisDeb

0

3周的div有上下頁邊距,這就是增加的空間。添加此CSS:

.container-fluid{margin-bottom:0px;} 
+0

非常感謝,但仍然存在的div之間的空間量! – DebashisDeb