在响应式网格中更改图像

【问题标题】：changing images in a responsive grid在响应式网格中更改图像
【发布时间】：2014-09-30 02:04:09
【问题描述】：

我希望创建一个具有不同大小图像的响应式网格，类似于http://packery.metafizzy.co/，但也可以交换这些图像。我发现一些东西可以改变与正方形大小相同的图像，但希望换出不同大小的元素。类似于 instagram 的功能。

有这样的jquery插件吗？

【问题讨论】：

【解决方案1】：

您不需要 jQuery 来执行此操作，因为它可以完全在 CSS 中完成。

使用Bootstrap

Bootstrap 提供了一个Grid system 来布置响应式设计。

此外，它还提供了一种在特定屏幕宽度下隐藏/显示元素（甚至图像）的方法，使用 Responsive utilities

如果您不喜欢使用 Bootstrap，那么您可以使用 CSS @media{} 查询来显示/隐藏特定大小的某些元素——Bootstrap 基本上是这样做的，但将其打包以便于访问。相当容易做到，并且不需要 javascript/jQuery。

【讨论】：