响应式图像和瓷砖在高分辨率显示器和视网膜显示器中无法正确缩放

Question

我的图像类似于this。我需要在bootstrap中放置图像并对齐这些以获得与此类似的布局。这样就可以将瓷砖排列成3 * 3的网格。我能够将这些对齐与defult bootstrap类相比，例如pull-right setting min width。但它没有在视网膜显示器和高分辨率显示器中正确放大显示如何使用bootstrap 3.提前感谢

Answer 1

删除右拉，最小宽度，并将图像放入带有img-responsive类的bootstrap div中。

<div class="container">
    <div class="row">
        <div class="col-sm-4">
            <img src="" alt="" class="img-responsive">
        </div>

        <div class="col-sm-8">
            //your text
        </div>
    </div>
</div>