Проблемы с параллакс-позиционированием Bootstrap 4

Question

Я учусь делать Parallax и Bootstrap 4, и у меня возникают проблемы с результатом этого сайта: Образец сайта

На его сайте домашняя страница имеет такой же размер навсе платформы, ноутбук |Рабочий стол |Мобильный и т. Д. Я пытаюсь получить тот же результат, но у меня очень много проблем с его достижением.Я не знаю его собственное имя, поэтому я спрашиваю «Переполнение», потому что, если я не знаю, как оно правильно называется или как его описать, как я могу получить относительный результат поиска?Пожалуйста, помогите и не ненавидите меня за, возможно, простой вопрос, я все еще новичок в этом.Спасибо!

Answer 1

В содержащем div этой самой верхней секции вы можете установить высоту

.exampleContainer{
    height:100vh;
}

vh означает «высота области просмотра», если вы хотите для ширины, вы можете использовать 100vw для «ширины области просмотра» вместо100%

вам может потребоваться учесть высоту панели навигации, чтобы ваш css мог выглядеть примерно так ...

.exampleNavbar{
    height: 5rem;
}

.exampleContainer{
    height: calc(100vh - 5rem);
}