Как в слайдере bootstrap 4 сделать любые картинки по высоте монитора?

Question

[Максим]

Всем привет. Как сделать, чтобы слайдер с картинками, по высоте подгонялся к любому монитору, т.е. чтобы высота картинки была на всю высоту монитора?

Answer 1

[Максим Тимофеев]

height: 100vh

Comments

[Максим]

Только сейчас понял, что не туда вставлял это.
Создал новый класс и все заработало, спасибо.

Answer 2

[profesor08]

.carousel-item {
  width: 100vh;
  height: 100vh;
}

.carousel-item {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

Comments

[Максим]

Проблема этим путем не решается, возможно тут какая-то фигня с классами bootstrap.
При добавлении нового класса к img слайдера height: 100vh; решает вопрос.

[profesor08]

Максим, я зашел на сайт бутсрапа и в первом же примере задал эти значение, в результате все стало так как надо. Что там за фигня у тебя происходит это уже твоя локальная проблема, не имеющая отношения к бутстрапу.