BohdanK

Если пропорции картинок не предусмотрены изначально, то можно её растягивать пропорционально без искажений, как вариант сделать картинку фоном, убрать тег img, добавить тег к примеру:

.image-container {
         background-size: cover;
         background-position: top center;
 }

Тогда картинка растянется так как вам нужно, при условии что .image-container будет иметь заданную высоту.

Согласно документации и примеров bootstrap то mobile first, я тоже раньше верстал сначала для десктопа, потом мобайл и практически всегда приходилось что-то переделывать.

Три колонки в ряд это col-sm-4, а col-sm-3 это четыре колонки в ряд.