如何构建模块化网格？
这些天的很多网站都是使用网格，预制或定制网格构建的。我注意到的是，这些网格中的大部分都基于行，并且通常使用列的宽度，而不是考虑元素（模块）的高度。如何构建模块化网格？
我想知道构建模块化网格的最佳方式（或可能性）是什么？通过模块化网格，我了解这样的网格，其中各个模块可以设置为宽度和高度，并且依赖于屏幕是流体的。一个网格，你会知道你有12列和9行（每个宽度/高度将被给出），你可以用像马赛克这样的模块来填充它（这使得它听起来几乎很简单）。
这里是我心目中的例图（从here借用图片）：
我来到一对夫妇的例子，但其中大多数是没有反应或使用建闪。我相信有办法做到这一点，只是不确定自己如何。
我知道可能没有一个正确的方法，但我很好奇可能的技术来解决它。谢谢！
这种布局技术通常被称为砖石，这里有一对夫妇的响应砖石链接，让你开始：
http://masonry.desandro.com
http://osvaldas.info/responsive-jquery-masonry-or-pinterest-style-layout
好运！
我不得不说，你最好的选择是使用Bootstrap或Foundation创建它，因为它们被设置为处理这种事情。他们有类，假设你使用12列网格开始，让你可以选择他们可以占用多少列。
然而，正如我在我的问题中提到的那样，这些网格仅占宽度（元素可以占用多少列），而不是高度元素（除了将内容区分为多行）。 – thosetinydreams 2014-10-17 16:00:02
感谢您的回答。我知道砌体，但它的问题（为我的目的）是1 /它改变结构，所以它不保留矩形; 2 /我需要在底部有一条干净的线条（就像上面的设计一样），而所有的砌体布局似乎都有连续的流动（如Pinterest）。 – thosetinydreams 2014-10-17 10:56:06
你的示例的URL是什么@thosetinydreams – 2014-10-17 11:59:46
这个例子的链接就在这个问题上 - 但它只是一个模拟，似乎网站本身并不存在。不幸的是，我无法找到一个生动的例子（没有任何响应）:( – thosetinydreams 2014-10-17 16:08:30