Я пытаюсь изменить существующую страницу, которую я унаследовал - страница использует Bootstrap 3.3.7
Страница генерирует HTML динамически (URL-адреса изображений считываются из базы данных, а высота и ширина изображений могут отличаться) для отображения списка изображений. Образец сгенерированного HTML показан ниже:
<div class="row">
<div class="col-xs-4 text-center">
<img src="..." height="900" width="1200" class="img-responsive center-block">
</div>
<div class="col-xs-8">
text content here
</div>
</div>
<div class="row">
<div class="col-xs-4 text-center">
<img src="..." height="640" width="640" class="img-responsive center-block">
</div>
<div class="col-xs-8">
text content here
</div>
</div>
Изображения в настоящее время реагируют, но я хотел бы, чтобы изображения отображались с фиксированной высотой и шириной, когда ширина экрана меньше или равна 768 пикселей. Я знаю, что мне нужен медиа-запрос какого-то типа, но что бы я ни пытался, я не могу заставить изображения отображать фиксированную высоту на экранах менее 768 пикселей.
Любые советы / подсказки будут оценены.