Как поправить верстку слайдера Bootstrap?

Question

[Евгений]

Здравствуйте!

Сломал уже все мозги, но не могу понять почему содержимое этого слайдера не адаптируется как надо? Каждый слайд разной высоты. Жесть. Не смог родить решение лишенного всех минусов. А нужен просто работающий слайдер)

Ткните, пожалуйста, где ошибка и как исправить?

Comments

[Сергей Герасимов]

Всё прекрасно адаптируется по ширине страницы.

Если вы хотите избавиться от разной высоты, тогда:
- дайте ему одинокового размера (пропорций) изображения;
- задайте жесткую высоту для слайдов и обрезайте лишнее через overflow-y: hidden;
- установите изображения как фон слайдов

Answer 1

[Александр]

Ну... лично мое мнение...
Не нравиться мне твои классы "col" )))

<div class="row"> ---  раздели на строки .... 
       <div class="col-12"></div>
</div>
<div class="row">
      <div class="col"></div> --- а тут  определи ширину grid
      <div class="col"></div> --- и тут  определи ширину grid
</div>

Таким образом хотя бы ширину определишь
А Дальше много путей.... либо фото подстраивается под div и само маштабируется, либо div обрезает часть фотки которая не влезает в заданные переметры

Comments

[Александр]

Добавлю...

<div class="carousel-item slider__item--2 carousel-item-left">

Ты пытаешься карусель натравить сразу на jpg. Натрави на div с определенным размером в который ты вставляешь jpg/