瀑布流排版，并处理bootstrap中多标签切换时div重叠问题，以及无限加载问题

之前加载瀑布流之后，使用bootstrap的多标签显示，发现由于多标签是静态的，不会刷新网页，导致切换标签之后div重叠问题，之后翻了好多文章才发现解决方法，记录一下

首先引用瀑布流文件，和图片加载插件

<script src="__PUBLIC__/js/masonry.pkgd.js"></script>
<script src="__PUBLIC__/js/vendor/imagesloaded.pkgd.min.js"></script>

下载地址
https://unpkg.com/masonry-layout@4.2.1/dist/masonry.pkgd.min.js
https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js

主体结构

  <div>

  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="t