Как сверстать данную секцию?

Question

[TheGoodLife4]

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

Answer 1

[Роман Мисюра]

.container-fluid->.row
.col-lg-6->.row->.col-lg-8.col-lg-offset-4 - блок с текстом
.col-lg-6-> тут картинка

Если так непонятно то могу больше расписать.

Comments

[TheGoodLife4]

Да,распиши пожалуйста. И я использую Toast сетку,вместо бутстрапа,не знаю как в ней прописать offset.

[Роман Мисюра]

Контейнер на 100% ширины, 2 колонки по 50%.
Правая колонка может местить в себе изображение.
В левой делаем ширину 80% и 20% отступ слева. (примерно как-то так)

[TheGoodLife4]

Роман Мисюра: Не получается подогнать изображение,выходит за пределы сайта и получается нижний скрол. Вот код

[Danil Namaste]

сделать блок 100% ширины ему дать background картинку, и уже в блоке этом container с width какой-то там ширины

[Роман Мисюра]

TheGoodLife4: для изображения max-width:100%;

Посмотри как у бутстрапа сделано, скорее всего у тебя где-то отступ, есть ссылка?

Answer 2

[AlexRas]

Вот так

https://jsfiddle.net/cumwnyx2/3/