【发布时间】：2012-08-09 18:13:09
【问题描述】：
我正在使用引导程序处理一个固定宽度的页面，我注意到在 iPhone 上测试它时，全宽页眉和页脚背景被裁剪为宽度的 70%。
这是一个商业营销类型的网站，寻找供应商的人经常光顾，通常来自他们的办公室 PC，因此响应方面不是必需的，但我离题了。
回到问题
在全尺寸屏幕上查看它看起来应该是这样，但是如果您滚动小于容器类的限制（在本例中为 940 像素）然后向后滚动一点，您可以看到背景已被修剪。
我已经对它进行了一段时间的修改，以至于我已经剥离了所有内容，只是放入了一组简单的嵌套 div 来测试并确保问题不是一些胭脂标签，但它仍然完全一样东西。
我认为这个问题与未包装在容器类中的项目有关，但如果我需要一个全宽面板和 940 像素的固定内容，我不确定如何使用引导程序来实现它。
// 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 并且有一个魔术鼠标（或其他），您可以在该视口中向右滚动以查看白色。但这应该是边缘到边缘，所以应该没有白色。
【问题讨论】：
-
您是否包含响应式 css 文件？或任何组合版本？如果您可以使用some jsfiddle 重现该错误并可能修复第一个示例的关闭
</header>。 -
我会戴上它，我必须将引导程序完全嵌入
-
bootstrap 的响应部分增加了边距，所以需要为全宽项设置负边距。我在twitter.github.com/bootstrap/assets/css/docs.css 中使用@media (max-width: 480px) css 标签在自己的页面上看到了引导程序是如何做到的
标签： html css twitter-bootstrap