我該如何適應bootstrap jumbotron中的圖像？

Question

如何在自舉jumbotron中放置圖像？我曾嘗試在css中將background-size : cover;應用於.jumbotron類，但它從未適用於我。我也嘗試調整圖像大小，但這會導致它無法響應。我對bootstrap很新，所以任何幫助將不勝感激！

我還需要將圖像作爲jumbotron中的背景，以便任何文本，按鈕或圖像都會顯示在其上。

請檢查：http://www.bootply.com/xy1ypW7UpK

Answer 1

如果你想要的形象是研究背景的變化類：

.jumbotron1 { 
    padding: 30px 15px; 
    margin-bottom: 30px; 
    color: inherit; 
    background-color: #f9f9f9; 
    text-align: center; 
    background-size: cover; 
    background-image: url("http://www.online-image-editor.com//styles/2014/images/example_image.png") 
}