Remove the gaps between the bootstrap div

Question

Hi, I have problems with spaces between my two jumbotron and my footer.

Bootpyl example from my work.

You can see that there is a small gap between <div id="paper" class="jumbotron">and <div id="form" class="jumbotron">, and the same problem is between <div id="form" class="jumbotron">and <footer></footer>.

It seems like <div id="form" class="jumbotron">less or something else is happening here that I can understand.

Can someone explain to me what's going on, thanks.

Answer 1

I solved it as @ShaunakD, proposed by overriding the class .jumbotron margin-bootomand making it margin-bottom: auto;.

Now my CSS code looks like this:

#paper {
    background-image: url(../img/paper/paper.jpg);
    width: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: auto; 
}