Jquery 引导转盘宽度大于图片

我在Bootstrap中使用carousel来实现滑动图片效果，但是，当窗口宽度变大时，幻灯片框变大，而图片区域的宽度保持不变

当宽度对于图片来说太大时，如何修改代码以将方框的左边距放到图片的左边距

编辑：演示地址：

我想要的效果是：自动调整转盘框的大小，这样右侧的控制面板就不会超出范围

<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
</ol>

<div class="carousel-inner">
<div class="item active">
  <img src="../images/upload/nctu/1.png" alt="...">
</div>
<!-- other pictures-->
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"></a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next"></a>
</div></div>

您的问题不够清楚，是要将图像居中还是要填充图像。请试试这个，让我知道更多的帮助。将下面的代码粘贴到CSS样式表中

.carousel-inner .item img{
    width: 100%;
}

---

您的问题不够清楚，是要将图像居中还是要填充图像。请试试这个，让我知道更多的帮助。将下面的代码粘贴到CSS样式表中

.carousel-inner .item img{
    width: 100%;
}

---

你是说你想把图像放在div的中心吗？不完全是。由于“点击”区域的右边距超出图片范围，我希望它返回图片。对不起。我不明白你的意思。对不起，请看添加的文字：）所以你想调整div的大小以适应内容？你是说你想将图像居中放置在div中？不完全正确。由于“点击”区域的右边距超出图片范围，我希望它返回图片。对不起。我不明白你的意思。很抱歉，请看添加的文字：）所以你想调整div的大小以适应内容？它可以工作。图片已调整大小以适应屏幕。只需添加，请注意，在“twitter boostrap.css”的第5151行，您有一个类似的规则：

最大宽度：100%

。这没有任何作用，因为图像本身小于容器的宽度。添加

width:100%

将强制他们填充容器。好答案+1.很高兴我能帮上忙，请回答这个问题。图片已调整大小以适应屏幕。只需添加，请注意，在“twitter boostrap.css”的第5151行，您有一个类似的规则：

最大宽度：100%

。这没有任何作用，因为图像本身小于容器的宽度。添加

width:100%

将强制他们填充容器。很高兴我能帮上忙，请回答这个问题。