1,columnWidth列宽设置组件列宽 2,fluid columnWidth响应式列宽组件的尺寸可设置成百分比从而适应响应式的布局 3,imagesLoaded图片加载初始化Masonry,在每一张图片加载完成后触发布局 4,imagesLoaded图片加载在所有图片都加载完成后初始化Masonry 5,itemSelector用于指定参与布局的子组件 6,Gutter间距在js配置项gutter可以设置组件的横向间距 7,Gutter间距使用CSS margin可设置组件的纵向间距 8,Gutter间距在响应式布局中使用组件尺寸将宽度设置为百分比时,可以将gutter的值设置为选择器字符串或者一个元素 9,horizontalOrder:true使组件水平方向按照从左到右排列 10,horizontalOrder:false默认组件水平方向是无序的 11,Stamp指定组件为stamp。Masonry在布局时会避开这些组件 12,fitWidth根据父级容器的尺寸,设置容器的宽,以适应可用的列数。启用之后可以通过css将容器grid居中 13,originLeft控制水平布局,默认状态下originLeft: true控件从左到右布局,设置originLeft: false后,控件从右向左布局。 14,originTop设置originTop: false后,自下而上布局 15,Bootstrap4 用col-4作为columnWidth 16,Bootstrap4 grid media queries网格媒体查询 17,css自动添加序号 18,jQuery自动添加序号

Masonry - Bootstrap 4 grid media queries网格媒体查询