如何设置图像的CSS样式以适应引导宽度

如何设置图像的CSS样式，使其能够适应bootstrap 6列提供的全宽，并相应地缩放高度

  <div class="col-xs-6">
    <img src="the_image.jpg" class="my_image_style">          
  </div>

---

谢谢

您可以使用boostrap

img responsive

类

<div class="row">
  <div class="col-xs-6">
    <img src="http://placehold.it/1000x100" class="img-responsive">
  </div>
</div>

---

下面是一个示例

您可以使用boostrap

img responsive

类

<div class="row">
  <div class="col-xs-6">
    <img src="http://placehold.it/1000x100" class="img-responsive">
  </div>
</div>

这是一个样本