排版太丑!怎么解决?
Bootstrap3中通常使用栅格系统(grid system)来创建页面布局。但是如果区块高度不一致(e.g. 竖图/横图),会出现内容空缺的情况。比如下图中的勾画处。
为了让页面布局更美观,同时更加合理的利用页面空间,当前目标是要实现瀑布流排版!(通俗来说,瀑布流布局好比俄罗斯方块,尽量让尺寸合适的区块填进空白处)
解决方法: 用Masonry套件整合Bootstrap3
找到方法!怎么实现?
1. html页脚加JS代码
将下面的代码段加在</body>
前
<!-- masonry plugin -->
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js">