Как сделать что бы в слайдере bootstrap корректно переключались картинки с разной высотой?
Вариант с фоном, конечно самый простой. Но в этом случае, картинки на слайдере будут "размытыми".
Предлагаю так:.carousel-item {
	height: 300px; /* Высота слайда */
	position: relative;
	overflow: hidden;
}

/*Можно добавить свой класс к изображению и заменить "img.d-block" ниже */

.carousel-item > img.d-block{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	position: absolute;
}
Сделал только вот так:.carousel-item {
    height: 350px;
    overflow: hidden;
}
 и теперь все  норм