У меня есть картинка. Как сделать, чтобы при уменьшении экрана, она не меняла высоту, а ширина при этом обрезалась?
Например (и неважно с применением какого bootstrap), высота не меняется, а по ширине обрезается:
.img-wrap {
overflow: hidden;
}
/* Центрирование картинки */
.img-wrap img {
display: block;
position: relative;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
}
<div class="img-wrap">
<img src="https://static.pexels.com/photos/248797/pexels-photo-248797.jpeg" alt="">
</div>
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости