Изображения в мобильной версии bootstrap 4

175

13 мая 2018, 14:40

Лендинг http://adrenalin-ufa.ru , в секции carousel , в мобильной версии неправильно отображаются изображения ( отображается левая часть , а необходимо , что бы отображался центр или правая часть изображения ) слабо знаком с css , ищу совет как отредактировать стили :

.carousel-item > img {
  position: absolute;
  top: 0;
  left:0;
  min-width: 100%;
  height: 40rem;
}

и , если это необходимо , отредактировать html

Answer 1

убрать left:0

добавить:

  margin-left:50%;
  transform: translateX(-50%);

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Какие стили нужно задать, что бы получилась равнозначная сетка из блоков?

Есть перечень услуг, которые идут ровно по горизонтали, но беспорядочно по вертикалиКак правильно оформить, чтобы вертикаль тоже была симметрична?...

249

HTML

Как сделать hover effect с иконкой поверх картинки?

Мне необходимо с помощью css и его :hover наложить градиент и icon поверх картинкиВыглядеть это должно примерно вот так, у меня же получается это...

307

HTML

Как словить событие закрытие и открытие крышки ноутбука в JavaScript?

Мне нужно реализовать автообновление страницы после выхода ПК из сна, а также после разблокировки экранаУже целый день сижу над этим таском...

220

jQuery

Импорт данных в готовую формулу

Есть готовая формула, в которую нужно подставлять значения из списка вместо "LOGO"Может есть другая программа, в которой это делается?

246