title: Twitter bootstrap full width panels being trimmed
body: <p>I am working on a fixed width page using bootstrap and I noticed when testing it on iPhone the full width header and footer background were clipped to 70% of the width.</p>
  
  <p>It's Business marketing type site, frequented by people looking for a supplier, normally from their office PC so the responsive aspect was not a requirement but I digress.</p>
  
  <h2>Back to the problem</h2>
  
  <p>Viewing on a full size screen it looks as it should but if you scroll smaller than the limits of the container class (940px in this case) and then scroll back a little you can see the background has trimmed.</p>
  
  <p>I have been tinkering with it for a while to the point where I have stripped everything out and just put in a simple bunch of nested divs to test and make sure the issue is not some rouge tag but it still does exactly the same thing.</p>
  
  <p>I think the issue is related to items that are not wrapped in the class of container but if I need a full width panel and 940px fixed content I am not sure how I am going to achieve it with bootstrap.</p>
  
  <pre><code>// This Fails
  &lt;body&gt;
      &lt;header class="fullwidth"&gt;
          &lt;div class="container"&gt;
              &lt;p&gt;The content&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  
  // This is fine but not full width
  &lt;body&gt;
      &lt;header class="container"&gt;
          &lt;p&gt;The content&lt;/p&gt;
      &lt;/header&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I have not adulterated bootstrap if I remove it or my styles together and restyle the body manually it goes away. But it seems to be a cumulative issue...</p>
  
  <p>Anyone come across this before?</p>
  
  <p>I don't really want to have to strip bootstrap out if possible.</p>
  
  <p>As requested I have appended the link:
  <a href="http://jsfiddle.net/NcZFz/3/" rel="nofollow">http://jsfiddle.net/NcZFz/3/</a></p>
  
  <p>If you notice in jsfiddle whatever size your viewport is the header will fill it, but the view port only. And if you are using a MAc and have a magic mouse (or whatever) you can scroll right in that view port to see white. But this is supposed to be edge to edge so there should be no white.</p>