html - Remove parent margin for a responsive image in Bootstrap -

html - Remove parent margin for a responsive image in Bootstrap -

by using bootstrap, designed page follows:

now, i'd to:

remove left , right margins only image (that uses .img-resposive class); keep image responsive, increasing width according .jumbotron size.

to clear, desired result shown below:

how can that?

regards, v.

use negative margins on wrapper image :

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

and html :

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

html css twitter-bootstrap