我正在使用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;}