如何使用引導程序將圖像設置爲容器的背景

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; 
    }