Mysterious whitespace in between Bootstrap2 Navbar and row underneath

Question

I am using Bootstrap\'s Navbar and Bootsrap\'s grid to display a Navbar with a image immediately underneath the Navbar. However, for some reason there is whitespace between

Answer 1

You may want to override the margin-bottom: 20px from navbar :

.navbar {
    margin-bottom: 0;
}

Something like that : http://jsfiddle.net/q4M2G/ (the !important is here just to override the style of the CDN version of bootstrap I'm using in the jsfiddle but you should not need to use it if your style correctly overrides bootstrap styles)

Answer 2

Why you put classes: span12 offset3 ?

Bootstrap has 12 columns default. so if you didn't changed it try to put:

span9 offset3 or just span12.