Jquery 如何使用CSS根据图像的宽度相应地设置按钮的宽度

下面是我对下面代码的理解。我试图让按钮在调整大小时跨越响应图像的宽度。现在，它在调整大小时会缩小近一半，而不是与图像对齐。这可能是一个jQuery问题，我不完全确定

HTML

---

从这个类中删除display:inline块

.img-box{}

如果你的图像是其容器的100%宽度，那么只需将按钮宽度设置为100%@Huangism，然后缩放它的父对象（img-box）你想要的width@DerkJanSpeelman我可以想象宽度是由

col-lg-12

处理的，请参考您正在制作的navbar@Kelly的引导文档。要显示的img框：inline block；删除该规则并尝试一下。

<div class="container">
        <div class="row">
            <div class="img-box col-lg-12 text-center">
                <button type="button" class="btn btn-lg btn-primary" onclick="window.location='beginReservation.php'">Book Seat Now</button><br>
                <img class="bg img-responsive img-center" src="images/homepage.jpg" alt="Book Seat">
            </div>
         </div>
     </div>

   .img-box {
     background: white;
     margin-bottom: 20px;
     padding: 0px;
     display:inline-block;
    }

    .btn {
      background: rgb(179,0,14);
      border: rgb(179,0,14);
      padding: 0.5% 32.75%;
      border-radius: 0px;   
      margin:0 auto;    
    }

   .bg {
     margin:0 auto; 
   }