Щебетать Bootstrap 3 img-отзывчивый от края до края (bleed)

Не уверен, что заголовок вопроса верен, но мне нужна помощь, чтобы получить полное изображение.

Я попытался добавить класс css следующим образом:

.img-edge{
 margin-right: -15px;
 margin-left: -15px;
}

Но это не работает.

См. Пример здесь

Кто-нибудь знает, что я могу сделать?

1 ответ

Просто возьмите изображение вне элемента .col-xs-12, например:

<div>
 <div>
 <div>
 <p>Some text here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ****** commodo ligula eget dolor. ****** massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
 <p>Some text here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ****** commodo ligula eget dolor. ****** massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
 <p>Some text here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ****** commodo ligula eget dolor. ****** massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
 <p>Some text here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ****** commodo ligula eget dolor. ****** massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>

 </div>
 
 </div>
</div>

Рабочий пример

licensed under cc by-sa 3.0 with attribution.