Как сделать наложение картинки на два разных фона используя Bootstrap?

Question

[bopobopo]

1) Как используя разметку Bootstrap наложить картинку на два разных задних фона?
2) Используя сетку Bootstrap, сделать так, чтобы стрелка подгонялась в зависимости от размеров двух картинок (красных блоков) указывала именно на нижнюю часть левой картинки?

Comments

[Михаил]

Какой привет, такой ответ — условия задачи недетализированы:
два фона fixed или, что скорее, наоборот в обычном flow? Или как структурно решены блоки фона и блоки фигур?
Начало стрелки исходит из пересечения раздела фонов и фигуры, или тут так совпало? Это важно.
Адаптивность?

Answer 1

[Михаил]

Смешно, так же как и попытка гвозди микроскопом забивать. Случай противоположный. В Bootstrap для этого ничего нет, кроме сетки, что поможет фигуры распределить по горизонтали, а вот по вертикали добавить class/id и руками относительно позиционировать. Стрелку тоже к сетке привязать. Повозится с ее свойством background — чистая CSS задача. И да стрелку, если адаптивно, можно сделать только корявенько: будет картинка растянутой/сжатой стрелки, т.е. тут тогда напрашивается JS-реализация.

Неужели Bootstrap кажется такой волшебной палочкой и решением всех задач?