我正在使用bootstrap在固定宽度的页面上工作，我注意到在iPhone上测试时，全宽页眉和页脚背景被裁剪为宽度的70％。
这是商业营销类型的网站，寻找供应商的人经常光顾，通常来自他们的办公室电脑，所以响应方面不是要求，但我离题了。
在全尺寸屏幕上查看它看起来应该如此，但如果您滚动小于容器类的限制（在这种情况下为940px），然后向后滚动一点，您可以看到背景已被修剪。
我一直在修补它已经有一段时间了，我已经把所有东西都剥掉了，只是放入一堆简单的嵌套div来测试并确保问题不是一些胭脂标签，但它仍然完全相同的事情。
我认为问题与未包含在容器类中的项有关，但如果我需要全宽度面板和940px固定内容，我不确定如何使用bootstrap实现它。
// This Fails
<body>
<header class="fullwidth">
<div class="container">
<p>The content</p>
</div>
</div>
</body>
// This is fine but not full width
<body>
<header class="container">
<p>The content</p>
</header>
</body>
如果我将它或我的风格一起移除并手动重新设置它就会消失，我没有掺假引导程序。但这似乎是一个累积的问题......
之前有人遇到过这个问题吗？
我真的不想在可能的情况下剥离引导程序。
根据要求，我附上了链接： http://jsfiddle.net/NcZFz/3/
如果您在jsfiddle中注意到视口的大小，则标题将填充它，但仅限视图端口。如果您使用MAc并使用魔术鼠标（或其他任何东西），您可以在该视口中向右滚动以查看白色。但这应该是边缘到边缘所以应该没有白色。
答案 0 :(得分：1)
您似乎在<ul id="menu-primary-navigation">
#menu-primary-navigation { margin-left: 0; }
你还应该将.clearfix放在同一个元素上（因为孩子们正在浮动）
<ul id="menu-primary-navigation" class="clearfix">
如果您使用.navbar .nav类（和同事），则可以避免上述所有修复：阅读the doc。