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-fluid中，也没有，但是没有任何效果！ 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;
}

Bootstrap 4整页图片背景？

1 个答案: