У меня есть картинка. Как написать на Bootstrap 4?

248
20 декабря 2017, 20:38

У меня есть картинка. Как сделать, чтобы при уменьшении экрана, она не меняла высоту, а ширина при этом обрезалась?

Answer 1

Например (и неважно с применением какого 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>

READ ALSO
Как сделать скролл внизу?

Как сделать скролл внизу?

Подскажите скрипт или что-то еще подобное, чтобы при загрузке страницы скролл был всегда внизу, те

279
Помогите с очень маленьким JS скриптом

Помогите с очень маленьким JS скриптом

Только учусь и совсем не знаю JS У меня есть

263
Как создать pattern или path цепи вдоль линии

Как создать pattern или path цепи вдоль линии

Мне необходимо создать pattern цепи расположенный вдоль линииЯ попытался создать markers в форме звена цепи, но возникли проблемы с ориентацией...

334