Bootstrap如何设置响应式图片？

Bootstrap框架提供了一些简单的工具来帮助你设置响应式图片。你可以使用.img-responsive类来自动缩放图片以适应其容器的大小。

下面是一个简单的例子：

<div class="container">
  <div class="row">
    <div class="col-md-6">
      <img src="your-image.jpg" class="img-responsive" alt="Responsive image">
    </div>
  </div>
</div>

在这个例子中，图片被包含在一个.col-md-6的列中，这意味着在中等尺寸的屏幕上，它将占据其容器的一半宽度。.img-responsive类则使得图片可以根据其容器的宽度进行缩放，以保持其比例。

此外，你还可以使用Bootstrap的网格系统来进一步控制图片的布局和响应式行为。例如，你可以使用不同的列类（如.col-sm-4，.col-lg-3等）来改变图片在不同屏幕尺寸下的宽度。

请注意，为了使.img-responsive类能够正常工作，图片的原始尺寸应该足够大，以便在需要时可以进行缩放。否则，图片可能会出现拉伸或压缩的情况，影响其质量。