我正在使用bootstrap jumbotron，并包括一个背景图像。调整屏幕尺寸使图像平铺并重复，而我想要使图像响应大小调整大小。
<div class="jumbotron" style="background-image: url(http://www.californiafootgolfclub.com/static/img/footgolf-1.jpg); background-size: 100%;"> <div class="container for-about"> <h1>About</h1> </div> </div>
您将如何回应图像？谢谢你的想法！
解决方法
最简单的方法是将背景大小设置为“覆盖”
.jumbotron {
background-image: url("../img/jumbotron_bg.jpg");
background-size: cover;}
史蒂夫
