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

Question

我有类似于 this 的大图.我需要在 bootstrap 中放置图像并对齐这些图像以获得与此类似的布局。这样瓷砖就会排列成 3 * 3 的网格。我能够使这些与默认的 Bootstrap 类对齐，例如 pull-right 设置最小宽度。但它在视网膜显示器和高分辨率显示器中没有正确显示我如何继续使用 bootstrap 3。提前致谢

Answer 1

移除 pull-right、min-width 并将图像放入具有 img-responsive 类的引导 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>