I am diving into bootstrap for the first time and I am having trouble getting some of it to work. I went to the website. Downloaded one of the examples. The responsive with the sticky footer. I am modifying it to work in my project but I am having an issue with the widths. I don’t see what I am doing wrong. I changed the navigation from fixed to not fixed and added an area for the header above the nav. It looks fine right now but when I shrink the screen. It gets to a point where there is a gap on the right and left side of the screen. I don’t know why that is. I thought that adding right and left 0 would fix it but it didn’t.
Here is the css for my header addition
#header {
height: 100px;
background: #810000;
top: 0;
position: relative;
left: 0;
right: 0;
}
can you tell me what I am doing wrong? This is my first attempt at trying to build a responsive site.