Twitter Bootstrap 2.3.2图像在非流体网格中

Question

我正在使用bootstrap 2.3.2构建模板，我希望根据网格拥有一定尺寸的图像。 （我没有使用流体网格，但我使用的是响应功能）。

我预计，例如在span4 div中包含的图像会相应地缩小，即使它具有更大的分辨率，但是它以其实际像素大小显示。 有没有办法根据div大小缩小图像？ 或者我必须在CSS中应用显式宽度？

我知道在纯CSS中我可以通过这种方式实现我想要的： 如何自动调整图像以适应div容器，但我想知道在Bootstrap中是否有专门的类。

这是我的代码：

<div class="container">  
            <div class="row">
                <div class="span12">
                    <div class="row">
                        <div class="span4">
                            <img class="img-polaroid" src="public/images/h1.jpg" alt="" />
                        </div>
                        <div class="span8">
                            <img class="img-polaroid" src="public/images/h2.jpg" />
                        </div>
                    </div>
                </div>
            </div>
</div>

Answer 1

如果你使用Bootstrap 2进行设置，那么你最好的办法就是做你所引用的问题，并在你的CSS中添加一个特定的规则，因为2.x分支没有任何特定的响应式图像。

要考虑的另一个选择是移动自举3，里面确实有一个负责任的形象帮手。 它就像对任何图像添加.img-responsive一样简单。 有关详细信息，请参阅3.x文档： http ： //getbootstrap.com/css/#overview-responsive-images 。