现如今，网站开发设计的需求会要求自动适应所有移动设备，即响应式网站: 在开发网站时必须考虑对平板设备融合 fluid（流）和自适应性特点。
大多数网站设计要靠margins, guides, rows and columns等网格系统和布局来在网页上组织内容。网格设计常见于报纸和杂志中的文字图像排版设计。
可以创建网格布局的数量几乎是无限的，并且能够用无数种方式排布。比如：在等间距的两列，三列或者四列网格顶端有一个横跨的header，或者一整页的有着同样外观和感觉的方格。
有一些很好的JQuery网格布局插件能够大幅的缩短开发时间，如果你在你下一个项目中使用的话。这些网格插件能够优化瀑布流，使列的大小可调，滚动数据以匹配header，同样也可以添加数据网格，以及针对网格的一些动作比如：重新调整列的大小，分页，排序，行和列的样式等等。
下面是15款jQuery网格布局插件，能够让开发者和设计师在创建响应式布的网格布局时，同时拥有迷人的视觉效果，以及一个兼容所有浏览器和手持设备的响应式的外观。希望你们能够喜欢！ 1.自由墙 自由墙是一个跨浏览器的响应式jQuery插件，它可以帮助你创建很多不同的网格布局：灵活布局，图片布局，网格，流体网格，metro风格布局还有用CSS3实现的动画效果和回调事件的瀑布流布局。自由墙是一站式的解决方案来在桌面，移动和平板上动态创建网格布局。 它是基于容器的宽(或高)以及单元的宽(或高)，同时它会创建一个虚拟的矩阵。扫描矩阵的每一个单元，找到空闲单元并让其为空白区域，之后将一个块元素插入。若果没有块可以匹配的话，它将缩放块来适应(这是选项之一) 2. S Gallery S Gallery 是一款 jQuery 图片画廊插件 ，将图片显示在响应式网格。它的灵感来自于Sony’s产品页画廊 (Flash实现) 并完全实现了它的功能。当一个项目获得焦点或被点击时, 可以使用 prev-next 按钮 或使用键盘来浏览其他操作。 单击后会返回网格视图并有一个全屏选项(使用HTML5全屏API). 3. Mason.js 创建一个动态列的网格布局（比如Pinterest）有许多javascript方案。虽然大多数都很棒，但有时，这些网格会含有缝隙或者锯齿边缘。Mason.js是一款致力于通过智能填充空隙，力图表现完美网格的jQuery插件。一个网格被创建出来，这款插件会计算空隙的位置并使用预定义的元素或者重复内容填充空隙。元素的大小，列/行的大小，断点以及布局是流式还是固定都是可以被重新定义的。 |
