引导映像不能按行动态调整大小

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

add class="img-responsive"