Как в бутстапе вставить 2 img что бы одна перекрывала другую?

Question

[Сергей Васенин]

Подскажите как можно вложить в 1 сетку 2 изображения что бы первая картинка перекрыла вторую

Comments

[zoozag]

Если из предложение можно убрать слово bootstrap и смысл при этом не изменится, лучше его не писать.

[Иван]

скриншот покажи как должно выглядеть

Answer 1

[romask]

z-index ?

Comments

[Сергей Васенин]

понятно что z-index меня интересует другое как 2 картинки засунуть в блок без отступов

Answer 2

[zoozag]

Первый результат

Comments

[Сергей Васенин]

понятно что z-index меня интересует другое как 2 картинки засунуть в блок без отступов

Answer 3

[xXRustamXx]

Задай родительскому элементку position: relative;, а двум фотографиям внутри блока задай position: absolute; и с помощью свойства z-index: ; расставь приоритеты у изображений.

Comments

[Сергей Васенин]

да это я знаю мне не понятно как расположить 2 картинки в одном блоке

[Иван]

Сергей Васенин, покажи пример,то непонятно каким образом тебе надо их расположить))

Answer 4

[Ankhena]

position и z-index
https://jsfiddle.net/t4vcr45a/
и какая разница бутстрап это или нет

Кстати, если речь об этом:


то зачем 2 картинки? Может это все таки одна картинка? ;)

Comments

[Сергей Васенин]

2 картинки нужны для анимации каждая картинка будет иметь свою анимацию

[Ankhena]

Сергей Васенин, ну хорошо, пример выше решает задачу?

[Сергей Васенин]

Ankhena, странно картинки не отоброжаются

[Ankhena]

Сергей Васенин, замените на любые другие, например, https://jsfiddle.net/4621pnpz/