Как сверстать данный блок?

Question

[Дмитрий]

Верстка Bootstrap. Макет 1920. Красным обозначен container.

Comments

[Павел]

так закройте перед контактами контейнер и сделайте блок на всю ширину. Вы ж не пихайте все верстку в один контейнер, так никто не делает. Верстайте секциями.

Answer 1

[Zhainar]

вам надо было не пихать весь сайт в container

Comments

[Дмитрий]

Вы вообще о чем?

[Zhainar]

Дмитрий: а вы о чем? в чем сложность сверстать то что на картинке?

[Дмитрий]

Zhainar: расскажите как.

[Zhainar]

Дмитрий: если у вас идет так html > body > div.container > (div_1 + div_2 + ...), то переделайте на такое html > body > (div_1 > div.container) + ... (div_contacts > div.col-md-8 + div.col-md-4 )

Answer 2

[Grigory S.]

Делайте карту на всю ширину без всяких контейнеров, а блок с инфой position: absolute, а его смещение подберите используя calc()

Answer 3

[Сергей Горячев]

На вскидку вот так https://jsfiddle.net/webirus/ohugLhpv/
Мелочи и косяки думаю поправите сами.

Answer 4

[Игорь Морев]

Вы можете получить правую границу контейнера через javascript, и позиционировать нужную часть чёрного блока таким образом: right: правая граница контейнера. Это будет максимально кроссбраузерно. Вообще часто бывают ситуации когда в нестандартной вёрстке приходится использовать javascript.

Answer 5

[MaxFreedom]

если я правильно понял, то поверх карты нужно расположить блок по центру. То я бы сделал так:
- внутри контейнера с картой создал бы div, с нужной шириной и высотой, а ценровал бы его margin: 0px auto;

Answer 6

[Loot]

Думаю это вам подходит