Looking at your page source, I see that you're not 'scaffolding' correctly. Go to http://twitter.github.com/bootstrap/scaffolding.html.
Use class="row-fluid" not "row". Within "row-fluid" put "container". Within "container" put your span columns (they need to equal 12. class="span4", class="span4", class="span4" = 12). If you have 1 column, use class="span12" An easy way to figure this out is to download one of the example sites from http://twitter.github.com/bootstrap/getting-started.html to see how it is put together. And DON'T modify bootstrap.css or bootstrap-responsive.css. Use a custom.css to override the bootstrap styles. Use Safari's develop menu or Firefox's Firebug to help you. The only time I've had to modify the afore-mentioned stylesheets was due to form element widths (someone please explain THAT). On Wednesday, December 19, 2012 11:21:52 PM UTC-5, DesignLady94 wrote: > > I have set up my layout using Bootstrap's 940px fixed layout (i.e. div > class="container"). However, both the nav bar and the page content are > stretching when I re-size the browser horizontally. This causes a problem > with not all the content scrolling under the fixed background image I am > using for the nav bar. How would I be able to keep the navbar and content > from stretching? My site is at debbierking.com/bootstrap. >
