Bootstrap导航栏居中，但DIV高于内容

Question

after 1 hour of try and error and searching for problems like this, i try to get an answer here.

I want to include a bootstrap Nav-Bar into a Div. I centered the Nav-Bar, but now my Div is higher then the content. This problem is only available when the Nav-Bar is centered. If i let if float left, the space below the Nav-Bar isnt there...

Screenshot (i want to remove the red-striped part)

here my Code:

Code

Answer 1

a margin-bottom:0; will do the trick if added to navbar

.navbar {
    margin-bottom:0;
 }

This is a bootstrap example with both navbar and jumbotron

Answer 2

Try this:

#header {        
    color: white;
    width: 100%;
    background-color: #222222;
    font-weight: 100;   
    margin: auto;
    padding: 30px 0;
    text-align: center; 
    font-size: 1.2em;
}