Grow your CSS skills. Land your dream job.

twitter bootstrap issue

  • # May 11, 2013 at 9:49 pm

    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.

    # May 11, 2013 at 10:04 pm

    line 803 of bootstrap-responsive.css

    # May 11, 2013 at 10:35 pm

    Thank you kind sir.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".