我正在努力使右边的图像伸展到全宽，这时你会使屏幕尺寸变小，这样它就可以过渡到移动视图了。在bootstrap中是否有其他类可以做类似于img-fluid的工作，但是当它在bootstrap网格系统中的文本下方时显示图像全宽？

<div class="row">
<div class="col-md-6 d-flex">
<div class="align-self-center">
<p class="lead font-weight-bold">sometext</p>
</div>
</div>
<div class="col-sm-6">
  <img class="img-fluid" src="someimage.jpg">
</div>
</div>

下面是我的小提琴:http://jsfidle.net/x1hphsvb/2220/看看我的意思是简单地降低显示窗口的宽度。Image位于文本下方，只填充div的一半，当我想让它完全填充它并像现在一样在过渡之前表现出来时。