如何使用引导程序将图像设置为容器的背景

Question

我试图将图像（.jpg）设置为容器的一半页面的背景。我可以将背景设置为纯色，但是当我将其设置为图像时，某些内容不起作用，并且会回到白色。以下是我的CSS ..

.container { 
background-image: url("background-image.jpg"); 
} 

html很长，所以我会离开它。请注意，我使用引导程序来响应地调整网页大小。谢谢！

Answer 1

您可以使用background-size属性并将其设置为包含，这将在包含类的元素内放置图像。下面是一个例子https://jsfiddle.net/p9oak4b7/1/

.container { 
    background-image: url("background-image.jpg"); 
    background-size: contain; 
    } 

编辑：

这个类添加到您的样式表，并把它添加到容器，这里是containter流体https://imgur.com/c9cmbNB

.image { 
    background-image: url("background-image.jpg"); 
    background-size: cover; 
    }