在前台的文章列表实现文章的瀑布流布局模式

在前台的文章列表实现文章的瀑布流布局模式

经过搜索发现要实现bootstrap的瀑布流布局，需要基于Bootstrap的mansory网格瀑布流布局插件。在thinkcmf项目中发现已经集成了这个插件，关键是要把它用起来。

其他辅助插件

1、imagesloaded在浏览的时候，有些图片可能加载不出来，所以需要imagesLoaded来探测图片是否加载，只有加载好了才进行布局。
2、lazyload只有当图片出现在屏幕，我们才进行图片的加载，这样可以节约内存。

本来想先把这两个插件的使用先放到后面再说，先把瀑布流布局搞清楚。但是经过查询发现，还要引入imagesLoaded.js。因为图片没有加载出来时，会影响它的布局，导致瀑布流布局错误。所以在使用瀑布流布局的时候还要引入imageLoaded.js。
关于nansory的详细用法参考其官网的说明，介绍的很详细，还能在线调试 效果。https://masonry.desandro.com/options.html 这里不再详述。

mansory如何和项目集成

在list_grid.html模板页中设置好外层容器和itemselector的值