Question

I’m finding Twitter Bootstrap extremely frustrating because even when using the non-responsive stylesheet, the overall width of the layout exceeds 940px. Twitter bootstrap claims that if you’re not using the responsive stylesheet, then 940px is the default width. I’m not using the responsive stylesheet and I am using the fixed columns, but I still find that the width of the layout is closer to 1170px.

My layout has the following structure:

<div id="wrapper">
    <div class="row">
        <div class="span8"></div>
        <div class="span4"></div>
    </div>
</div>

I set the wrapper div’s width to 960px (which should be enough to contain both child divs) but the two divs are two wide to be contained inline in the wrapper div. Am I missing something here? According to Bootstrap, an 8 and 4 span div should ultimately only take up 940px. Thanks for the help!

Answer 1

I foolishly forgot to remove a sidebar width style of 340px. It is in fact the correct width with a default non-responsive fixed layout. Sorry to anyone who was genuinely stumped by this!