html - 如何完全适合这个背景图片

Question

The stripped background is just a little off on the left and I haven't been able to make it fit. Can someone help me out please? Thanks in advance!

HTML

<div class="container">
  <div class="row">
    <div class="col-md-4" style="border-radius: 26px 3px 3px; background-color: #982d41">
      <h2>About</h2>
    </div>
    <div class="col-md-4" style="background-color:#d77082">
      <h2>Menu</h2>
    </div>
    <div class="col-md-4" style="border-radius: 0px 26px 3px 3px; background-color:#ecafa9">
      <h2>Blog</h2>
    </div>



    <div class="jumbotron">
  <h1>Lyn's Site</h1> 
    <div class="container">
...      
</div>
  <p>Just a test</p>
</div>

CSS

.jumbotron {
  background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRCA3_YcNlv-lliZZBuZZfvYi-H-qQ_EIe7Qf5AXfyCq9xPcUZp);
  margin: auto; 
  height: 250px;
  margin-top: 50px;
  width: 100%;  
}

编辑:谢谢!我首先放置了 background-size:cover 但没有注意到由于白色 strip 造成的差异，直到我使用了不同的图像。再次感谢。

Answer 1

使用背景大小属性:

background-size: cover;