引导图像不会在行中动态调整大小

Question

我的图片溢出了我的行。我在网上读到 clearfix 可以防止这种情况发生。但是应用了这个之后，我的图像显示为一条非常细的线，几乎看不到任何东西。我的代码在下面可见。如何确保我的图像在此容器中动态调整自身大小？

<div class="row">
    <div class="col-sm-2 col-md-2 col-lg-2">
        <img src="url" alt="A picture" id="heading-img" class="img-responsive">
    </div>
    <div class="col-sm-6 col-md-6 col-lg-6 col-sm-offset-2 col-md-offset-2 col-lg-offset-2">other things</div>              
</div>

Answer 1

如果您使用的是引导 css，请添加 class="img-responsive"。