在Bootstrap中删除响应式图像的父边距

Question

通过使用 Bootstrap ，我按如下方式设计了一个页面：

现在，我想：

1. 删除图片的左右边距 （使用.img-resposive作为类）;
2. 使图像保持响应，但根据.jumbotron尺寸增加其宽度。

需要说明的是，所需的结果如下所示：



我该怎么做？

问候，V。

Answer 1

在此图片的包装上使用负边距：

.img-responsive-parent {
    margin: 0 -60px;
}

和html：

<div class="img-responsive-parent">
    <img class="img-responsive" />
</div>