Вывод в карточке товара 3 изображения вертикально

[tirk]

Подскажите пожалуйста исходный код со стилями, как вывести в карточке 3 изображения вертикально (адаптивно), что бы был блок 385*400, и то что не влазит по высоте, появлялась вертикальная прокрутка в блоке, а на мобильных можно было бы свайпать вверх-вниз картинку в блоке.

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

[mpn2005]

Не совсем понятно описание.

Если правильно понял, то так.

html:

<div class="test-block">
  <img srs="test.png">
</div>

 

css:

.test-block {
	max-width: 340px;
	max-height: 400px;
	overflow-y: scroll;
}
.test-block img {
	width: 100%;
}

 

Вот пример
https://jsfiddle.net/3u62ny0v/

[tirk]

То что надо получилось, добавил еще col-xs-12 col-sm-6 col-md-4 col-lg-4. А есть ли возможность, сделать картинки адаптивными?

[SiteMix]

8 минут назад, tirk сказал:

 А есть ли возможность, сделать картинки адаптивными?

Добавить картинкам класс img-responsive