2015-03-02 45 views
1

如何在自举jumbotron中放置图像?我曾尝试在css中将background-size : cover;应用于.jumbotron类,但它从未适用于我。我也尝试调整图像大小,但这会导致它无法响应。我对bootstrap很新,所以任何帮助将不胜感激!我该如何适应bootstrap jumbotron中的图像?

我还需要将图像作为jumbotron中的背景,以便任何文本,按钮或图像都会显示在其上。

请检查:http://www.bootply.com/xy1ypW7UpK

回答

0

如果你想要的形象是研究背景的变化类:

.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") 
} 
+0

谢谢!这工作完美无瑕。 – 2015-03-10 12:42:31