具有自动嵌套列的网格系统

Question

我正在网站上创建各种信息块。我一直在使用Bootstrap作为网格，但是当一列高于前一列时，它会创建一个全新的行，在列中留下空白，如下所示：

我知道我可以通过在同一列div中嵌套2和4来移除空间，但如果网格系统会自动嵌套列，那么对项目来说会好得多，如下所示： 是否有可以为我做这个的网格系统？

更新

感谢Bootstrap卡链接，但我正在寻找的是专门将第一项放在首位的东西，以便我的用户可以先放置最重要的块，然后将它们放在页面顶部。