手机上的全宽div

Question

我有这个蓝色的顶部link here，这个顶部采用所有宽度尺寸，这就是我想要的。因此，如果您调整窗口大小或在移动设备上打开它，这个蓝色div正在为两边提供边距，twitter bootstrap响应就是这样做的。我的代码与this answer完全相同，但仍然存在边距，这是我的代码：

<!-- this div is inserting blue bg image and wrap all content -->
<div class="background-top"> 
    <div class="container">
        <div class="span6"></div>
        <div class="span6"></div>
    </div>
</div>

Answer 1

我会使用类似的媒体查询将顶部背景div作为其Bootstrap，似乎是添加了body padding。放手一搏：

@media (max-width: 767px) {
  .background-top {
    margin-left: -20px;
    margin-right: -20px;
  }
}