0

我正在使用 bootstrap 2.3.2 构建模板，并且我想要根据网格具有特定尺寸的图像。（我没有使用流体网格，但是我使用的是响应式功能）。

我希望包含在例如span4div 中的图像即使具有更大的分辨率也会相应地缩小，而是以实际像素大小显示。有没有办法根据 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>
4

1 回答 1

2

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

另一个需要考虑的选择是迁移到 Bootstrap 3，它确实有一个响应式图像助手。它就像添加.img-responsive到任何图像一样简单。有关更多详细信息，请参阅 3.x 文档：http: //getbootstrap.com/css/#overview-responsive-images。

于 2013-09-28T11:38:05.397 回答