Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Craig Watson
Craig Watson
27,930 Points

Gutter Problem ? Bootstrap..

Hi....

I'm not sure what has happend here all seemed well till i noticed i have a random gutter down the right of the page if you scroll across.....

I say gutter because it is spacing the full document other that anything removed from the normal document flow :S

I have since ran the css / html validate on the w3c and other than a missing alt attribute all is good....

here is the workspace

I have looked over all margins and padding and because im using bootstraps grid most of the margins outside the div with class container is taken care of for me so im quite stumped ....

Any help is appreciated !

Also any feedback on the site is welcome to !

1 Answer

sergehonderdos
sergehonderdos
8,918 Points

You should avoid nesting containers (.container and .container-fluid) because they are not nestable due to their padding etc... Does that fix the problem?

Craig Watson
Craig Watson
27,930 Points

Ahh so should after my jumbotron come the main container followed by rows/ columns nested within this container?

sergehonderdos
sergehonderdos
8,918 Points

You don't need another .container in there. To nest your content with the default grid, add a new .row and set of .col-sm-* columns within an existing .col-sm-* column.

http://getbootstrap.com/css/#grid-nesting

Does this make sense?

Craig Watson
Craig Watson
27,930 Points

Yes all sorted now Serge, I had my container nested inside my row... I switched this round and all is good :) Thank you !