移动端全宽div

Question

我有这个蓝色的上衣link here，这个上衣是全宽尺寸的，这就是我想要的。因此，如果你调整窗口大小或在移动设备上打开它，这个蓝色div会将边距放在两侧，twitter bootstrap responsive就是这样做的。我的代码和this answer一模一样，但tb仍然留有边距，这就是我的代码：

<!-- 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填充。试一试：

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