Адаптировать строку после наименьшего изображения

Question

Я хочу использовать бутстрап, чтобы сделать фотоснимку над фотографиями, полученными из мест google api. Теперь проблема в том, что строка приспосабливается к высоте самого большого изображения, я хочу, чтобы это было наоборот.

<div class="container"> 
    <div class="row row-eq-height" ng-repeat="images in main.slicedImages"> 
     <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" ng-repeat="image in images"> 
      <div class="hovereffect" ng-click="selected = !selected"> 
       <img ng-class="{ 'selected_image': selected }" ng-src="{{image.img}}" class="img-responsive stretch_image"> 
       <div class="overlay"> 
        <a class="info" ng-bind="image.name"></a> 
       </div> 
       <a class="selected_text" ng-show="selected">SELECTED</a> 
      </div> 
     </div> 
    </div> 
</div> 

Вот как это выглядит сейчас: И я хочу, чтобы строки адаптироваться к размеру домов справа. Я не против резки изображений, которые больше, а не для их перевода.

Answer 1

Вы можете установить высоту и ширину м настройки IMG в CSS макс ширины и максимальной высоты, равной 100%

my_img_class { 

max-width: 100%; 
max-height: 100%;} 

} 

<img ng-class="{ 'selected_image': selected }" ng-src="{{image.img}}" 
    class="img-responsive stretch_image my_img_class">