Bootstrap 3 - Header在浏览器中有神奇的空白区域

So I was trying to make my header a solid color of maroon, but there seems to be white space on top of it. Looks really ugly. Another stackoverflow member told me to set the body to margin:0px; It works in the jsfiddle he gave me, but when I apply it to my website it doesnt. If it helps I'm using xampp and Mozilla as my browser.So I was trying to make my header a solid color