Как сверстать картинку по всей ширине пра-родительского блока?

Question

[Dimas123]

Использую bootstrap. Хочется сделать такую структуру


Как можно сделать картинку во всю ширину блока row? Желательно, для этой картинки или блока просто проставить класс. Но если нет такой возможности, то подойдет любое решение.

Answer 1

[mr_firuzinho]

Вам понадобится класс .container-fluid

Comments

[Dimas123]

Спасибо, попробую.

[Роман Макаров]

Dimas123: естественно вне основного контейнера.

Answer 2

[Дима Паутов]

отрицательные отступы боковые.

Comments

[Dimas123]

А сколько они должны быть? Блоки же резиновые.

[Дима Паутов]

Dimas123: Честно сказать, т.к. у вас есть боковые контейнеры (col-md-2), то даже если сделать норм отступы, то картинка наедет на контент этих колонок. Это нормально?

[Dimas123]

Скорее всего да, это нормально, так как контент в этих блоках будет коротким. Пожалуй, да, можно посчитать отступы в процентах, зная что они две части из 12. Спасибо, завтра попробую, отпишусь получилось ли.

Answer 3

[alexmelnik]

Делаешь контейнер во всю ширину страницы с этим фоном, а в него запихиваешь бутсраповский контейнер.

Comments

[Михаил Чирский]

И у вас будет весь сайт кроме центральной части зеленый)

Answer 4

[Михаил Чирский]

Разбить на несколько секций, 1 которая центрируется, 2 fluid на всю ширину, все остальное костыльные решения

Answer 5

[zjoin]

width: 100vw