Bootstrap 4 Полный фон изображения страницы?

Question

Я пытаюсь создать полноэкранный фоновый рисунок с помощью Bootstrap 4, но он не работает, и я не знаю, как это решить.Я гуглил, но не могу найти какое-либо решение, которое работает.

Я использую этот CSS для тега div:

background-image: url("img.jpg");
height: 100%; 
background-position: center;
background-repeat: no-repeat;
background-size: cover;

Я использую фоновое изображение, потому что яхочу добавить заголовок и текст на фоновое изображение.Я пытался поместить этот div внутри .container и .container-liquid, а также без него, но ничего не работает!Есть ли в Bootstrap что-то, что мешает созданию полного фонового изображения?

Очень ценю некоторую помощь, так как мой босс постоянно спрашивает меня, когда сайт будет готов!

Answer 1

Я не уверен, что это то, что вам нужно.

Посмотрите живую демоверсию начальной загрузки: https://www.codeply.com/go/dYqBNLTEwu

Это довольно просто.Это основной CSS ниже, который достигает этого.

HTML {
    height: 100%;
}

BODY {
    min-height: 100%;
    background-image: url("https://i.imgur.com/fu3Rgc7.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}